@extends('layouts.rider')

@section('content')
  <div class="row">
    <div class="col-lg-8 col-md-6 mb-md-0 mb-4">
      <div class="card">
        <div class="card-header pb-0">
          <h6>Proof of Delivery (POD)</h6>
          <p class="text-sm mb-0">
            Capture proof of delivery for each parcel.
          </p>
        </div>
        <div class="card-body">
          <form action="{{ route('pod.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="form-group">
              <label for="recipientSignature">Recipient's Signature</label>
              <input type="text" class="form-control" id="recipientSignature" name="recipientSignature" required>
            </div>
            <div class="form-group">
              <label for="deliveryPhotos">Delivery Photos</label>
              <input type="file" class="form-control" id="deliveryPhotos" name="deliveryPhotos[]" accept="image/*">
            </div>
            <button type="submit" class="btn btn-primary">Submit POD</button>
          </form>

          @if ($errors->any())
            <div class="alert alert-danger">
              <ul>
                @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
                @endforeach
              </ul>
            </div>
          @endif
        </div>
      </div>
    </div>
  </div>
@endsection