@extends('merchant.layout')

@section('title','Completed Pickups')
@section('page-title','Completed Pickups')

@section('content')  

<div class="row justify-content-center">
    <div class="col-lg-8">

        <div class="card shadow-sm">
            <div class="card-body">

                <h5 class="fw-bold mb-4">
                    <i class="bi bi-box-seam"></i> Pickup Request
                </h5>

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

                    <div class="mb-3">
                        <label class="form-label">Pickup Address</label>
                        <input type="text" name="pickup_address"
                               class="form-control" required>
                    </div>

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Contact Name</label>
                            <input type="text" name="contact_name"
                                   class="form-control" required>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="form-label">Contact Phone</label>
                            <input type="text" name="contact_phone"
                                   class="form-control" required>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Pickup Date</label>
                        <input type="date" name="pickup_date"
                               class="form-control" required>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Notes (Optional)</label>
                        <textarea name="notes"
                                  class="form-control"
                                  rows="3"></textarea>
                    </div>

                    {{-- FUTURE FEATURES --}}
                    <div class="alert alert-info small">
                        🚚 Driver auto-assignment & AI scheduling coming soon
                    </div>

                    <div class="d-flex justify-content-end gap-2">
                        <a href="{{ route('merchant.pickups.index') }}"
                           class="btn btn-light">
                            Cancel
                        </a>
                        <button class="btn btn-primary">
                            <i class="bi bi-check-circle"></i> Create Pickup
                        </button>
                    </div>

                </form>

            </div>
        </div>

    </div>
</div>

@endsection