@extends(session('staff_logged_in') ? 'Staff.layout' : 'Admin.layout')

@section('content')
    <div class="row align-items-center justify-content-between mb-3 mt-3">
        <div class="col-auto">
            <h5>
                <button type="button" class="btn btn-icon bg-white me-2" style="box-shadow: 0px 9px 12px -2px #66328E1F;">
                    <a href="{{ route('follow_ups') }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                            stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                            class="icon icon-tabler">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                            <path d="M15 6l-6 6l6 6" />
                        </svg>
                    </a>
                </button>
                Add Followup
            </h5>
        </div>
    </div>
    <div class="card border-0 shadow-sm">

        <div class="card-header">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h5>
                        <i class="ti tabler-calendar-event me-2"></i>
                        Follow Up Information
                    </h5>
                </div>


            </div>
        </div>

        <div class="card-body">
            <form action="{{ route('store_follow_up') }}" method="POST">
                @csrf

                <!-- Follow Up Information -->
                <div class="section-title mb-4">

                </div>

                <div class="row">

                    <div class="col-md-6 mb-3">
                        <label class="form-label">
                            Select Patient <span class="text-danger">*</span>
                        </label>
                        <select class="form-select" name="patient" required>
                            <option value="">Choose Patient</option>
                            @foreach($patients as $patient)
                                <option value="{{ $patient['sheet_id'] }}|{{ $patient['patient_name'] }}|{{ $patient['phone'] }}">
                                    {{ $patient['sheet_id'] }} - {{ $patient['patient_name'] }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">
                            Follow Up Date <span class="text-danger">*</span>
                        </label>
                        <input type="date" name="followup_date" class="form-control" required>
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">
                            Follow Up Type <span class="text-danger">*</span>
                        </label>
                        <select class="form-select" name="followup_type" required>
                            <option value="">Select Type</option>
                            <option value="Phone Call">Phone Call</option>
                            <option value="Direct Visit">Direct Visit</option>
                        </select>
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">
                            Status
                        </label>
                        <select class="form-select" name="status">
                            <option value="Pending" selected>Pending</option>
                            <option value="Completed">Completed</option>
                            <option value="Cancelled">Cancelled</option>
                        </select>
                    </div>

                    <div class="col-12 mb-3">
                        <label class="form-label">
                            Reason / Notes
                        </label>
                        <textarea name="reason" rows="4" class="form-control"
                            placeholder="Enter follow up reason, treatment progress, reminder notes, etc."></textarea>
                    </div>

                </div>

                <hr class="my-4">

                <div class="d-flex justify-content-center gap-2">

                    <button type="reset" class="btn btn-label-secondary">
                        Reset
                    </button>

                    <button type="submit" class="btn btn-primary">
                        Save Follow Up
                    </button>

                </div>

            </form>

        </div>

    </div>

@endsection