@extends('admin.layout.app')
@section('title', 'Create Company')

@section('body')


<div class="container mt-4">
  <!-- Page Header / Breadcrumb -->
  <div class="d-flex align-items-center justify-content-between mb-3">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb mb-0">
        <li class="breadcrumb-item"><a href="{{ url('/dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item"><a href="{{ route('companies.index') }}">Companies</a></li>
        <li class="breadcrumb-item active" aria-current="page">Create</li>
      </ol>
    </nav>
    <a href="{{ route('companies.index') }}" class="btn btn-light">
      <iconify-icon icon="solar:arrow-left-broken" class="me-1"></iconify-icon>
      Back
    </a>
  </div>

  <div class="card card-page p-4 shadow-sm">
    <h4 class="mb-3">
      <iconify-icon icon="solar:buildings-3-broken" class="me-1"></iconify-icon>
      Create Company
    </h4>

    {{-- Global validation errors (optional, we also show field-level below) --}}
    @if ($errors->any())
      <div class="alert alert-danger">
        <strong>There were some problems with your input:</strong>
        <ul class="mb-0 mt-2">
          @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
          @endforeach
        </ul>
      </div>
    @endif

    <form action="{{ route('companies.store') }}" method="POST" novalidate>
      @csrf

      {{-- Name --}}
      <div class="mb-3">
        <label class="form-label">Name <span class="text-danger">*</span></label>
        <input
          type="text"
          name="name"
          class="form-control @error('name') is-invalid @enderror"
          value="{{ old('name') }}"
          required
          maxlength="150"
          autocomplete="organization"
          placeholder="e.g. ACME Ltd">
        @error('name')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
      </div>

      {{-- Contact Person --}}
      <div class="mb-3">
        <label class="form-label">Contact Person</label>
        <input
          type="text"
          name="contact_person"
          class="form-control @error('contact_person') is-invalid @enderror"
          value="{{ old('contact_person') }}"
          maxlength="150"
          autocomplete="name"
          placeholder="e.g. John Doe">
        @error('contact_person')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
      </div>

      {{-- Phone --}}
      <div class="mb-3">
        <label class="form-label">Phone</label>
        <input
          type="text"
          name="phone"
          class="form-control @error('phone') is-invalid @enderror"
          value="{{ old('phone') }}"
          inputmode="tel"
          maxlength="30"
          autocomplete="tel"
          placeholder="+93 7X XXX XXXX">
        @error('phone')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
      </div>

      {{-- Email --}}
      <div class="mb-3">
        <label class="form-label">Email</label>
        <input
          type="email"
          name="email"
          class="form-control @error('email') is-invalid @enderror"
          value="{{ old('email') }}"
          maxlength="150"
          autocomplete="email"
          placeholder="name@example.com">
        @error('email')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
      </div>

      {{-- Address --}}
      <div class="mb-3">
        <label class="form-label">Address</label>
        <textarea
          name="address"
          class="form-control @error('address') is-invalid @enderror"
          rows="3"
          maxlength="500"
          placeholder="Street, City, Country">{{ old('address') }}</textarea>
        @error('address')
          <div class="invalid-feedback">{{ $message }}</div>
        @enderror
      </div>

      <div class="d-flex gap-2">
        <button type="submit" class="btn btn-primary">
          <iconify-icon icon="solar:check-circle-broken" class="me-1"></iconify-icon>
          Save Company
        </button>
        <a href="{{ route('companies.index') }}" class="btn btn-outline-secondary">Cancel</a>
      </div>
    </form>
  </div>
</div>
@endsection