@extends('cancer_center_admin.layouts.app')

@section('title', $patient->name.' | Patient')

@section('content')

<div class="page-wrapper">
    <div class="container-fluid">
        <div class="row page-titles">
            <div class="col-md-5 align-self-center">
                <h4 class="text-themecolor">View Patient</h4>
            </div>
            <div class="col-md-7 align-self-center text-end">
                <div class="d-flex justify-content-end align-items-center">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ url('center/patients') }}">Home</a></li>
                        <li class="breadcrumb-item active newRedCommonColor">Patients List</li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="row g-0">
                <div class="card border">
                    <div class="card-body">
                        <form method="POST" action="{{url('center/patients/store/'.$patient->id)}}" enctype="multipart/form-data">
                            @csrf <!-- Include CSRF token for security in Laravel -->

                            <!-- Patient Name Field -->
                            <div class="mb-3">
                                <label for="name" class="form-label">Name</label>
                                <input type="text" class="form-control" id="name" name="name" value="{{ old('name', $patient->name) }}" required>
                            </div>

                            <!-- Email Field -->
                            <div class="mb-3">
                                <label for="email" class="form-label">Email</label>
                                <input type="email" class="form-control" id="email" name="email" value="{{ old('email', $patient->email) }}" required>
                            </div>

                            <!-- Phone Number Field -->
                            <div class="mb-3">
                                <label for="phone_number" class="form-label">Phone Number</label>
                                <input type="tel" class="form-control" id="phone_number" name="phone_number" value="{{ old('phone_number', $patient->phone_number) }}" required>
                            </div>

                            <!-- Notes Field -->
                            <div class="mb-3">
                                <label for="notes" class="form-label">Notes</label>
                                <textarea name="notes" class="form-control" rows="5">{{ old('notes', $patient->notes) }}</textarea>
                            </div>

                            <div class="mb-3">
                                <label for="status" class="form-label">Appointment Status</label>
                                @php $statusOptions = config('constants.status_center_admin'); @endphp
                                <div class="form-check">
                                    @foreach($statusOptions as $key => $status)
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio" name="patient_status" id="status{{$key}}" value="{{$key}}" {{ $patient->status_approved === $key ? 'checked' : '' }}>
                                            <label class="form-check-label" for="status{{$key}}">
                                                {{$status}}
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                            </div>

                            <!-- DateTime picker, hidden by default -->
                            <div class="mb-3" id="datetimeContainer" style="display: none;">
                                <label for="appointmentDatetime" class="form-label">Select Appointment Date and Time</label>
                                <input type="text" id="appointmentDatetime" class="form-control" name="appointment_datetime" placeholder="Select date and time" value="{{(!empty($patient->appointment_time)) ? \Carbon\Carbon::parse($patient->appointment_time)->format('Y-m-d H:i') : "" }}"/>
                            </div>

                            <!-- Checkbox to confirm email notification -->
                            <div class="form-check notifypatient" style="display:none;">
                                <input type="checkbox" class="form-check-input" name="notify_patient" id="notifyCheckbox" value="1">
                                <label class="form-check-label" for="notifyCheckbox">Notify Patient via Email</label>
                            </div>

                            <!-- <div class="mb-3">
                                @php
                                    $medicalRecords = json_decode($patient->medical_records, true);
                                @endphp
                                @if (!empty($medicalRecords))
                                    <label>Download Medical document</label>
                                    <div>
                                        <a href="{{ route('file.downloadadmin', ['type' => 'medical_records', 'patient_id' => $patient->id]) }}">Download</a>
                                    </div>
                                    <p><strong>Uploaded at : </strong>{{\Carbon\Carbon::parse($patient->medical_records_uploaded_at)->format('m/d/Y H:i:s')}}</p>
                                @endif
                            </div>

                            <div class="mb-3">
                                @php
                                    $illustrations = json_decode($patient->illustrate_doc, true);
                                @endphp
                                @if (!empty($illustrations))
                                    <label>Download illustrate document</label>
                                    <div>
                                        <a href="{{ route('file.downloadadmin', ['type' => 'illustrate_doc', 'patient_id' => $patient->id]) }}">Download</a>
                                    </div>
                                    <p><strong>Uploaded at : </strong>{{\Carbon\Carbon::parse($patient->illustrate_doc_uploaded_at)->format('m/d/Y H:i:s')}}</p>
                                @endif
                            </div>

                            <div class="mb-3">
                                @php
                                    $policies = json_decode($patient->policy_doc, true);
                                @endphp
                                @if (!empty($policies))
                                    <label>Download Policy document</label>
                                    <div>
                                        <a href="{{ route('file.downloadadmin', ['type' => 'policy_doc', 'patient_id' => $patient->id]) }}">Download</a>
                                    </div>
                                    <p><strong>Uploaded at : </strong>{{\Carbon\Carbon::parse($patient->policy_doc_uploaded_at)->format('m/d/Y H:i:s')}}</p>
                                @endif
                            </div>

                            <div class="mb-3">
                                @php
                                    $randomDocs = json_decode($patient->random_doc);
                                @endphp
                                @if (!empty($randomDocs))
                                    <label>Download Random document</label>
                                    <div>
                                        <a href="{{ route('file.downloadadmin', ['type' => 'random_doc', 'patient_id' => $patient->id]) }}">Download</a>
                                    </div>
                                    <p><strong>Uploaded at : </strong>{{\Carbon\Carbon::parse($patient->random_doc_uploaded_at)->format('m/d/Y H:i:s')}}</p>
                                @endif
                            </div> -->

                            <div class="text-start">
                                <!-- Submit Button -->
                                <button type="submit" class="btn btn-primary">Update Patient Details</button>
                                <a href="{{url('center/patients')}}" class="btn btn-danger">Cancel</a>
                            </div>
                        </form>
                    </div>
                </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
    <script>
     $(document).ready(function() {
        $("#phone_number").inputmask("(999) 999-9999");

        // Initialize the datetime picker
        $('#appointmentDatetime').bootstrapMaterialDatePicker({
            format: 'YYYY-MM-DD HH:mm', // Set the format for date and time
            minDate: moment(), // Disable previous days
            weekStart: 1, // Start the week on Monday
            clearButton: true // Option to clear the selection
        }).on('change', function(e) {
            var selectedDate = moment($(this).val());
            // Check if the selected date is a Sunday (0)
            if (selectedDate.day() === 0) {
                toastr.warning("Sundays are not allowed for appointments. Please select another date.");
                $(this).val('{{(!empty($patient->appointment_time)) ? \Carbon\Carbon::parse($patient->appointment_time)->format('Y-m-d H:i') : "" }}');
            }
        });

        // Show/hide the datetime picker based on the selected status
        $('input[name="patient_status"]').change(function() {
            if ($(this).val() === '1') {
                $('#datetimeContainer').show();
                $('.notifypatient').show();
            } else {
                $('#datetimeContainer').hide();
                $('.notifypatient').hide();
            }
        });

        // Trigger change event on page load to handle pre-selected values
        $('input[name="patient_status"]:checked').trigger('change');
    });
    </script>
@endsection