@extends('layouts.app')
@section('css')
    <style>
        .active-tab-pardon {
            background: #375523;
            color: #fff;
            padding: 20px;
            border-radius: 10px;
            margin: 5px
        }

        .not-active-tab-pardon {
            background: #c9cec5;
            color: #6e6b6b;
            padding: 20px;
            border-radius: 10px;
            margin: 5px
        }

        .container-pardon {
            margin-top: 40px;
            border: 1px solid #544b4b;
            padding: 17px;
            border-radius: 10px;
        }
    </style>
@endsection
@section('content')
    <form id="form_request_ajax" action="{{ route('royal-pardon.store') }}" class="col col-lg-9 pd-30" id="">
        @csrf

        <!-- Page Title -->
        <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <h1 class="reset-block primary-color lineheight-130 fs-20"> مدخلات العفو الملكي المتغيرة </h1>
        </div>
        <!-- // Page Title -->
        @csrf <!-- token create  -->

        <!-- Grid -->
        <div class="row my-15">
            <div class="col-12 col-lg-12">
                <!-- Controls Widget -->
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    {{--  <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20"> مناسبة العفو </h3>  --}}
                    <!-- Content -->
                    <div class="widget-content pdx-20">
                        <div class="row">
                            <div class="col-3 active-tab-pardon" id="tap_conatiner_occasions">
                                1 - مناسبة العفو
                            </div>
                            <div class="col-3 not-active-tab-pardon" id="tap_conatiner_variables">
                                2 - المتغيرات

                            </div>
                        </div>

                        <!-- Controls Group -->
                        <div class="row gpx-10 ms-10 me-10 divider-b mb-15 container-pardon " style=""
                            id="conatiner_occasions">
                            <!-- Layout Column -->
                            <div class="col-12 col-lg-6">
                                <label for="">مناسبة العفو</label>
                                <!-- Control Input -->
                                <select id="occasion_select" name="setting_pardon_occasion_id" data-url=""
                                    class="advanced-select" dir="rtl">
                                    <option data-number="" data-date="" value="">-----</option>
                                    @foreach ($occasions as $occasion)
                                        <option @selected(request('occasion_id') == $occasion->id ) data-occasion_number="{{ $occasion->occasion_number }}"
                                            data-issue_before_date_hijri="{{ $occasion->issue_before_date_hijri }}"
                                            data-date_hijri="{{ $occasion->date_hijri }}" value="{{ $occasion->id }}">
                                            {{ $occasion->occasion_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12 col-lg-12 hidden occasion_select_valus hidden" style="margin-top: 10px">
                                <ol class="info-list reset-list fs-13 lineheight-160 mb-30">
                                    <li class="pdb-10"><span class="gray-color inline-block">رقم العفو </span> : <span
                                            id="val_occasion_number"> </span></li>
                                    <li class="pdb-10"><span class="gray-color inline-block">تاريخ العفو </span> : <span
                                            id="val_date_hijri"> </span></li>
                                    <li class="pdb-10"><span class="gray-color inline-block"> يطبق على القضايا التى وقعت قبل
                                            تاريخ</span> : <span id="val_issue_before_date_hijri"> </span></li>
                                </ol>
                            </div>
                        </div>
                        <!-- Controls Group -->
                        <div class="row gpx-10 ms-10 me-10 divider-b mb-15  container-pardon  hidden"
                            id="conatiner_variables">
                            <div class="col-12 col-lg-12">
                                <!-- Controls Widget -->
                                @include('royal_pardon.parts.status')
                            </div>
                            <div class="col-12 col-lg-12">
                                @include('royal_pardon.parts.categories')
                            </div>

                            <div class="col-12 col-lg-12">
                                @include('royal_pardon.parts.conditions')
                            </div>
                            <div class="col-12 col-lg-12">
                                @include('royal_pardon.parts.duration')
                            </div>

                        </div>



                        <div class="row ">
                            <div class="col-12" style="text-align:left">
                                <button type="button" id="btn_next" class="btn small primary" style="margin:20px"> التالى
                                    -> </button>
                                <button type="button" id="btn_pre" class="btn small primary hidden" style="margin:20px">

                                    <- السابق </button>
                            </div>
                        </div>
                        <div class="row hidden" id="btns_save_box">
                            <div class="col-6">
                                <button type="submit" id="btn_save" class="btn small primary"
                                    style="margin:20px;background:#788119"> حفظ مدخلات العفو الملكي ( المتغيرة ) </button>
                            </div>
                            <div class="col-6">
                                <div style="text-align: left">
                                    <button type="button" id="btn_approved" class="btn small primary"
                                        style="box-shadow: -2px 2px 8px #ffffff;margin:20px;background:rgb(158, 13, 13)">
                                        اعتماد مدخلات العفو الملكي </button>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
        </div>




        </div>
        <!-- // Grid -->



    </form>
@endsection

@section('script')
@include('royal_pardon.parts.script_categories')

        @include('royal_pardon.requests.request_save')


    <script>
        $(function() {
            if($("#occasion_select").val()){
                $.each(['date_hijri', 'occasion_number', 'issue_before_date_hijri'], function(key,
                val) {
                    var item_val = $("#occasion_select").find(':selected').data(val);
                    $("#val_" + val).html(item_val)
                    $(".occasion_select_valus").removeClass('hidden')
                })
            }
            $("#occasion_select").change(function() {

                if ($(this).val()) {
                    $.each(['date_hijri', 'occasion_number', 'issue_before_date_hijri'], function(key,
                    val) {
                        var item_val = $("#occasion_select").find(':selected').data(val);
                        $("#val_" + val).html(item_val)
                        $(".occasion_select_valus").removeClass('hidden')
                    })
                } else {
                    $(".occasion_select_valus").addClass('hidden')

                }

            })

            $("#btn_next").click(function() {
                if (!$("#occasion_select").val()) {
                    Phenix(document).notfications({
                        message: 'برجاء اختيار مناسبة العفو',
                        type: 'error',
                        duration: 5000
                    });
                } else {




                    $("#btn_pre").removeClass('hidden');
                    $("#btn_next").addClass('hidden');
                    $("#conatiner_occasions").addClass("hidden");
                    $("#tap_conatiner_occasions").addClass("not-active-tab-pardon").removeClass(
                        'active-tab-pardon');
                    $("#tap_conatiner_variables").removeClass("not-active-tab-pardon").addClass(
                        'active-tab-pardon');
                    $("#conatiner_variables").removeClass("hidden");
                    $("#btns_save_box").removeClass('hidden')
                }

            })
            $("#btn_pre").click(function() {
                $("#btn_pre").addClass('hidden');
                $("#btn_next").removeClass('hidden');

                $("#conatiner_occasions").removeClass("hidden");
                $("#tap_conatiner_occasions").removeClass("not-active-tab-pardon").addClass(
                    'active-tab-pardon');
                $("#tap_conatiner_variables").addClass("not-active-tab-pardon").removeClass(
                    'active-tab-pardon');
                $("#conatiner_variables").addClass("hidden");
                $("#btns_save_box").addClass('hidden')

            })

            $("#disability_checkbox").click(function() {
                $(".box_valus_disability").toggleClass('hidden')
            })


            $("#main_category_id").change(function() {
                var url = $(this).data("url") + "?category_id=" + $(this).val();

                $.ajax({
                    url,
                    success: function(res) {
                        $("#sub_category_id").html(res)
                    }
                })

            })
            $("#all_case_category").click(function() {

                if ($(this).prop("checked")) {
                    $("#sub_category_id > option").prop("selected", true);
                    $("#sub_category_id > option:first").prop("selected", false);
                    $("#sub_category_id").trigger("change");
                } else {
                    $("#sub_category_id > option").prop("selected", false);
                    $("#sub_category_id").trigger("change");
                }

            })


            $(".input_status").click(function() {

                $(".alert_minus").addClass('hidden')
                if ($(this).prop("checked")) {


                    get_minus_categories($(this).attr("name"));
                    $(".input_status").attr('disabled', true)
                    $(this).attr('disabled', false)
                } else {
                    $(".input_status").attr('disabled', false)
                }
            })



            $("#btn_approved").click(function() {
                var setting_pardon_occasion_id = $("#occasion_select").val();

                $.ajax({
                    method: "POST",
                    url: window.location.origin + "/royal-pardon/get-status-data",
                    data: {
                        _token: "{{ csrf_token() }}",
                        setting_pardon_occasion_id: setting_pardon_occasion_id,



                    },
                    success: function(res) {
                        console.log(res);
                        if (res.data.is_not_done) {
                            Phenix(document).notfications({
                                message: 'يجب استكمال جميع المدخلات',
                                type: 'error',
                                duration: 5000,
                            });
                        } else {
                            Phenix(document).notfications({ message: 'تم اعتماد مدخلات العفو الملكي بنجاح', type: 'success', duration: 5000, });

                        }
                        //
                        $("#loader").hide();
                        $("#loader2").hide();
                    },
                    error: function(res) {
                        if (res.status == 400) {
                            Phenix(document).notfications({
                                message: res.responseJSON.message,
                                type: 'error',
                                duration: 5000,
                            });

                        } else {
                            Phenix(document).notfications({
                                message: res.statusText,
                                type: 'error',
                                duration: 5000,
                            });

                        }
                        $("#loader").hide();
                        $("#loader2").hide();
                    }
                });



            })



            $("input[name=not_pardon_categories]").click(function(){
                if($(this).is(':checked')){
                    console.log("test");
                    $(".conditions_issues input[type='checkbox']").prop("cheked" ,  false).attr("disabled" ,  true).val(0)
                    $(this).prop("cheked" ,  true).val(1).attr("disabled" ,  false)
                    $(".royal_pardon_parts_duration").addClass("hidden")
                }else{
                    $(".conditions_issues input[type='checkbox']").attr("disabled" ,  false)
                    $(".royal_pardon_parts_duration").removeClass("hidden")

                }
                //$(".conditions_issues input[type='checkbox']").prop("cheked" ,  false).attr("disabled" ,  true)
               // console.log("test")
            })


        })




        function get_minus_categories(name){
            var status =  name;
            var setting_pardon_occasion_id = $("#occasion_select").val();

            $.ajax({
                method: "POST",
                url: window.location.origin + "/royal-pardon/get-minus-status-categories",
                data: {
                    _token: "{{ csrf_token() }}",
                    setting_pardon_occasion_id,
                    status



                },
                success: function(res) {
                    console.log(res);

                    if(!res.data.not_royal_pardon_status){
                        if(res.data.count_minus){

                            $(".alert_minus").removeClass('hidden')
                            $(".alert_minus a ").attr("href" , `${window.location.origin}/royal-pardon/show-minus-status-categories/pardon/${res.data.pardon_id}/status_name/${name}`)
                        }
                    }

                    //
                    $("#loader").hide();
                    $("#loader2").hide();
                },
                error: function(res) {
                    if (res.status == 400) {
                        Phenix(document).notfications({
                            message: res.responseJSON.message,
                            type: 'error',
                            duration: 5000,
                        });

                    } else {
                        Phenix(document).notfications({
                            message: res.statusText,
                            type: 'error',
                            duration: 5000,
                        });

                    }
                    $("#loader").hide();
                    $("#loader2").hide();
                }
            });

        }
    </script>
@endsection