@extends('admin.layout.app')

@section('body')
<div class="card card-page p-4">
  <h4 class="mb-3">Create Laborer</h4>

  {{-- Flash alerts --}}
  @if (session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
  @endif
  @if (session('error'))
    <div class="alert alert-danger">{{ session('error') }}</div>
  @endif

  {{-- Validation summary (optional) --}}
  @if ($errors->any())
    <div class="alert alert-danger">
      <strong>There were some problems with your input:</strong>
      <ul class="mb-0">
        @foreach ($errors->all() as $error)
          <li>{{ $error }}</li>
        @endforeach
      </ul>
    </div>
  @endif

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

    <div class="row g-3">
      {{-- Name --}}
      <div class="col-md-6">
        <div class="form-outline">
          <input
            name="name"
            class="form-control @error('name') is-invalid @enderror"
            value="{{ old('name') }}"
            required
          />
          <label class="form-label">Name</label>
          @error('name')
            <div class="invalid-feedback d-block">{{ $message }}</div>
          @enderror
        </div>
      </div>

      {{-- Phone --}}
      <div class="col-md-6">
        <div class="form-outline">
          <input
            name="phone"
            class="form-control @error('phone') is-invalid @enderror"
            value="{{ old('phone') }}"
            inputmode="tel"
          />
          <label class="form-label">Phone</label>
          @error('phone')
            <div class="invalid-feedback d-block">{{ $message }}</div>
          @enderror
        </div>
      </div>

      {{-- CNIC / Passport --}}
      <div class="col-md-6">
        <div class="form-outline">
          <input
            name="cnic_passport"
            class="form-control @error('cnic_passport') is-invalid @enderror"
            value="{{ old('cnic_passport') }}"
            required
          />
          <label class="form-label">CNIC / Passport</label>
          @error('cnic_passport')
            <div class="invalid-feedback d-block">{{ $message }}</div>
          @enderror
        </div>
      </div>

      {{-- Hourly Wage --}}
      <div class="col-md-6">
        <div class="form-outline">
          <input
            name="hourly_wage"
            type="number"
            step="0.01"
            class="form-control @error('hourly_wage') is-invalid @enderror"
            value="{{ old('hourly_wage') }}"
            required
          />
          <label class="form-label">Hourly Wage</label>
          @error('hourly_wage')
            <div class="invalid-feedback d-block">{{ $message }}</div>
          @enderror
        </div>
      </div>
    </div>

    <div class="mt-4">
      <button class="btn btn-primary">
        <i class="fas fa-save me-2"></i>Save
      </button>
      <a href="{{ route('laborers.index') }}" class="btn btn-outline-secondary ms-2">Cancel</a>
    </div>
  </form>
</div>
@endsection