@extends('layouts.app')

@section('title')
    {{ __('Create Requisition') }}
@endsection

@section('breadcrumb')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">
                        <i class="nav-icon far fa-sticky-note"></i>
                        {{ __('Create Requisition') }}
                    </h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.index') }}">{{ __('Home') }}</a></li>
                        <li class="breadcrumb-item active"><a href="{{ route('admin.requisitions.index') }}">{{ __('Requisitions') }}</a></li>
                        <li class="breadcrumb-item active">{{ __('Create Requisition') }}</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
@endsection

@section('content')
    <!-- Form -->
    <form action="{{ route('admin.requisitions.store') }}" method="POST" id="group_form" enctype="multipart/form-data">
        @csrf
        @include('admin.requisitions._form')
    </form>

    <!-- Modal -->
    <div class="modal fade" id="renameModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Rename File</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form id="renameForm" action="" method="post">
                        @csrf
                        <input type="text" name="filename" id="" class="form-control">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save changes</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- \Form -->

    <!-- Models -->
    @include('admin.requisitions.modals.patient_modal')
    @include('admin.requisitions.modals.edit_patient_modal')
    @include('admin.requisitions.modals.doctor_modal')
    @include('admin.requisitions.modals.institute_modal')
    @include('admin.requisitions.modals.payment_method_modal')
    @include('admin.requisitions.modals.test_reason_modal')
    <!--\Models-->
@endsection

@section('scripts')
    <script>
        var test_arr = [];
        var culture_arr = [];
        var package_arr = [];

        (function($) {

            "use strict";

      

            @if (isset($visit))

                //selected tests
                @foreach ($visit['tests'] as $test)
                    test_arr.push('{{ $test['testable_id'] }}');
                @endforeach

                //selected cultures
                @foreach ($visit['cultures'] as $culture)
                    culture_arr.push('{{ $culture['testable_id'] }}');
                @endforeach

                //selected packages
                @foreach ($visit['packages'] as $package)
                    package_arr.push('{{ $package['testable_id'] }}');
                @endforeach
            @endif

        })(jQuery);
    </script>
    <script src="{{ url('js/admin/groups11.js') }}"></script>
    <script>
        (function($) {
            "use strict";

            @if (isset($visit) && isset($visit['patient']))
                $('#code').append('<option value="{{ $visit['patient_id'] }}" selected>{{ $visit['patient']['code'] }}</option>');
                $('#code').trigger({
                    type: 'select2:select',
                    params: {
                        data: {
                            id: "{{ $visit['patient_id'] }}",
                            text: "{{ $visit['patient']['code'] }}"
                        }
                    }
                });
            @endif
        })(jQuery);

        $(document).ready(function() {
            $('#patient_modal').on('shown.bs.modal', function() {
                $('.dob_datepicker').on('keypress', function(event) {
                    event.preventDefault();
                });

                $('.dob_datepicker').datepicker({
                    changeYear: true,
                    changeMonth: true,
                    maxDate: 0,
                    dateFormat: 'MM d, yy',
                    onSelect: function(dateText, inst) {
                        // Convert the selected date to Y-m-d format
                        var selectedDate = $.datepicker.formatDate('yy-mm-dd', new Date(dateText));
                        
                        // Update the hidden input field with the formatted date
                        $('.formatted_dob').val(selectedDate);
                    }
                });
            });

            $('#edit_patient_modal').on('shown.bs.modal', function() { 
                $('.dob_datepicker').on('keypress', function(event) {
                    event.preventDefault();
                });

                $('.dob_datepicker').datepicker({
                    changeYear: true,
                    changeMonth: true,
                    maxDate: 0,
                    dateFormat: 'yy-mm-dd',
                    onSelect: function(dateText, inst) {
                        // Update the hidden input field (#dob) with the selected date
                        $('.formatted_dob').val(dateText);
                    }
                });
            });
        });
    </script>
@endsection