@extends('dashboard.layout.content')

@section('customTitle')
{{__('general.add_note')}}
@endsection

@section('customStyle')
<link href='{{ asset("dashboard/$locale/assets/css/elements/alert.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("dashboard/$locale/plugins/flatpickr/flatpickr.css") }}' rel="stylesheet" type="text/css" />
<link href='{{ asset("dashboard/$locale/plugins/flatpickr/custom-flatpickr.css") }}' rel="stylesheet" type="text/css" />
@endsection

@section('customBody')
<div id="content" class="main-content">
    <div class="container">
        <div class="container">
            <div class="row">
                <div id="flStackForm" class="col-12 layout-spacing layout-top-spacing">
                    <div class="statbox widget box box-shadow">
                        <div class="widget-header">
                            <div class="row">
                                <div class="col-12">
                                    <h4>{{__('general.add_note')}}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="widget-content widget-content-area">
                            <form class="uroad-form" action="{{ route('dashboard.dash_notes.store') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                
                                <div class="form-row mb-4">

                                    <div class="form-group col-12">
                                        <label for="note_title">{{__('validation.attributes.title')}}</label>
                                        <input required type="text" class="form-control" id="note_title" placeholder="{{__('validation.attributes.title')}}" name="title">
                                    </div>
                                    
                                    <div class="form-group col-12">
                                        <label for="note_details">{{__('validation.attributes.details')}}</label>
                                        <textarea required class="form-control" id="note_details" placeholder="{{__('validation.attributes.details')}}" name="details" rows="8"></textarea>
                                    </div>
    
                                    <div class="form-group col-md-4">
                                        <label for="note_priority">{{__('validation.attributes.priority')}}</label>
                                        <select required id="note_priority" class="form-control " name="priority">
                                            <option value="normal" selected>{{__('validation.attributes.normal')}}</option>
                                            <option value="medium">{{__('validation.attributes.moderately_urgent')}}</option>
                                            <option value="high">{{__('validation.attributes.urgent')}}</option>
                                        </select>
                                    </div>
    
                                    <div class="form-group col-md-4">
                                        <label for="type">{{__('validation.attributes.type')}}</label>
                                        <select required id="type" class="form-control " name="type">
                                            <option value="improvement" selected>{{__('validation.attributes.improvement')}}</option>
                                            <option value="issue">{{__('validation.attributes.issue')}}</option>
                                            <option value="new_feature">{{__('validation.attributes.new_feature')}}</option>
                                        </select>
                                    </div>
    
                                    <div class="form-group col-md-4">
                                        <label for="section">{{__('validation.attributes.section')}}</label>
                                        <select required id="section" class="form-control " name="section">
                                            <option value="dashboard" selected>Admin Dashboard</option>
                                            <option value="system">ACR</option>
                                            <option value="application_system">Application & ACR</option>
                                            {{-- <option value="contract_system">{{__('general.note.contract_system')}}</option> --}}
                                            <option value="mobile">Mobile APP</option>
                                            <option value="webapp">Web APP</option>
                                        </select>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="start_date">{{__('validation.attributes.start_date')}}</label>
                                        <input class="form-control basicFlatpickr" id="start_date" placeholder="{{__('validation.attributes.start_date')}}" name="start_date">
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="end_date">{{__('validation.attributes.end_date')}}</label>
                                        <input class="form-control basicFlatpickr" id="end_date" placeholder="{{__('validation.attributes.end_date')}}" name="end_date">
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="responsible_person">{{__('validation.attributes.responsible_person')}}</label>
                                        <select required id="responsible_person" class="form-control " name="responsible_person">
                                            @foreach ($admins as $admin)
                                                <option value="{{ $admin->id }}">{{ $admin->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="status">{{__('validation.attributes.status')}}</label>
                                        <select required id="status" class="form-control " name="status">
                                            <option value="reviewing" selected>{{ __('general.reviewing') }}</option>
                                            <option value="started">{{ __('general.started') }}</option>
                                            <option value="canceled">{{ __('general.canceled') }}</option>
                                            <option value="postponed">{{ __('general.postponed') }}</option>
                                            <option value="testing">{{ __('general.testing') }}</option>
                                            <option value="uploading">{{ __('general.uploading') }}</option>
                                            <option value="completed">{{ __('general.completed') }}</option>
                                        </select>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="sub_status">{{__('validation.attributes.sub_status')}}</label>
                                        <select id="sub_status" class="form-control " name="sub_status">
                                        </select>
                                    </div>

                                    <div class="form-group col-md-4">
                                        <label for="ordering">{{__('validation.attributes.ordering')}}</label>
                                        <input type="number" class="form-control" id="ordering" placeholder="{{__('validation.attributes.ordering')}}" name="ordering">
                                    </div>
                                </div>

                                <input type="submit" class="btn btn-primary mt-3" value="{{__('general.submit')}}">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('customScript')
<script src='{{ asset("dashboard/$locale/plugins/flatpickr/flatpickr.js") }}'></script>
<script src='{{ asset("dashboard/$locale/plugins/flatpickr/custom-flatpickr.js") }}'></script>
<script>
    $("#offers-menu-box").attr("data-active", "true")

    ajaxSelect2('#company-id','/dashboard/select2/companies')
    ajaxSelect2('#car-id','/dashboard/select2/cars')
</script>

<script>
    $("#status").attr("selected", function(){
        var this_element = $(this);
        var sub_status_element = $("#sub_status");
        sub_status_element.html("");
        if(this_element.val() == "reviewing")
        {
            sub_status_element.append(new Option("{{ __('general.not_reviewed') }}", "not_reviewed"));
            sub_status_element.append(new Option("{{ __('general.accepted') }}", "accepted"));
            sub_status_element.append(new Option("{{ __('general.rejected') }}", "rejected"));
        }
        if(this_element.val() == "testing")
        {
            sub_status_element.append(new Option("{{ __('general.waiting_for_the_test') }}", "waiting_for_the_test"));
            sub_status_element.append(new Option("{{ __('general.passed_the_test') }}", "passed_the_test"));
            sub_status_element.append(new Option("{{ __('general.failed_the_test') }}", "failed_the_test"));
        }
    });

    $("#status").on("input change", function(){
        var this_element = $(this);
        var sub_status_element = $("#sub_status");
        sub_status_element.html("");
        if(this_element.val() == "reviewing")
        {
            sub_status_element.append(new Option("{{ __('general.not_reviewed') }}", "not_reviewed"));
            sub_status_element.append(new Option("{{ __('general.accepted') }}", "accepted"));
            sub_status_element.append(new Option("{{ __('general.rejected') }}", "rejected"));
        }
        if(this_element.val() == "testing")
        {
            sub_status_element.append(new Option("{{ __('general.waiting_for_the_test') }}", "waiting_for_the_test"));
            sub_status_element.append(new Option("{{ __('general.passed_the_test') }}", "passed_the_test"));
            sub_status_element.append(new Option("{{ __('general.failed_the_test') }}", "failed_the_test"));
        }
    });
</script>
@endsection