@php use function Laravel\Prompts\error; @endphp
<div>
    <div class="modal fade" id="create_subscription" wire:ignore.self tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5  class="modal-title text-capitalize" id="exampleModalLabel">Create Subscription</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form wire:submit.prevent="store" enctype="multipart/form-data">
                    <div class="modal-body row">

                        <div class="col-md-6 fv-row pb-2">
                            <label class="text-muted">Start Date</label>
                            <input type="date" wire:model="start_date" class="form-control">
                            <div class="d-flex flex-column mb-8 fv-row">
                                @error("start_date")
                                <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6 fv-row pb-2">
                            <label class="text-muted">End Date</label>
                            <input type="date" wire:model="end_date" class="form-control">
                            <div class="d-flex flex-column mb-8 fv-row">
                                @error("end_date")
                                <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>


                        <div class="col-md-6 fv-row pb-2">
                            <label class="text-muted">Paid Amount</label>
                            <input type="number" wire:model="paid_amount" class="form-control">
                            <div class="d-flex flex-column mb-8 fv-row">
                                @error("paid_amount")
                                <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6 fv-row pb-2">
                            <label class="text-muted">Paid at</label>
                            <input type="datetime-local" wire:model="paid_at" class="form-control">
                            <div class="d-flex flex-column mb-8 fv-row">
                                @error("paid_at")
                                <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>


                        <div class="col-md-6 fv-row pb-2">
                            <label class="text-muted">Doctors</label>
                            <select wire:model="doctor_id" class="form-control ">
                                <option value="">Select</option>
                                @foreach($doctors as $doctor)
                                    <option value="{{ $doctor->id }}">{{ $doctor->name }}</option>
                                @endforeach
                            </select>
                            @error("doctor_id")
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>



                        <div class="col-md-6 fv-row pb-2">
                            <label class="text-muted">Package</label>
                            <select wire:model="package_id" class="form-control ">
                                <option value="">Select</option>
                                @foreach($packages as $package)
                                    <option value="{{ $package->id }}">{{ $package->name }}</option>
                                @endforeach
                            </select>
                            @error("package_id")
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 fv-row pb-2">
                            <label class="text-muted">Assistant</label>
                            <select wire:model="paid_by_assistant_id" class="form-control ">
                                <option value="">Select</option>
                                @foreach($assistants as $assistant)
                                    <option value="{{ $assistant->id }}">{{ $assistant->name }}</option>
                                @endforeach
                            </select>
                            @error("paid_by_assistant_id")
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>


                        <div class="col-md-12 fv-row">
                            <label class="text-muted">Notes</label>
                            <textarea wire:model="notes" class="form-control" rows="4"></textarea>
                            @error("notes")
                            <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary me-10">
                                <span class="indicator-label" wire:loading.class="d-none">
                                    Submit
                                </span>
                            <span class="d-none" wire:loading.class.remove="d-none">
                                    Wait <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                                </span>
                        </button>
                    </div>
                </form>

            </div>
        </div>
    </div>

</div>