@php
    $layout = ($checkGstCreate == "firstTime") ? 'layout.onetime-app' : 'layout.app';
@endphp
@extends($layout)
@section('title','Setting (Tax & GST)')
@push('header_script')
    <link rel="stylesheet" href="{{asset('theme/assets/sweetalert/sweet-alert.css') }}" type="text/css">
@endpush
@section('content')
    @if($checkGstCreate != "firstTime")
        <div class="app-hero-header d-flex align-items-center">
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="javascript:void(0);">Setting (Tax & GST)</a>
                </li>
            </ol>
            <div class="ms-auto d-lg-flex flex-row">
                <div class="d-flex flex-row gap-1 day-sorting">
                    {{--<a href="#" class="btn btn-sm btn-primary"><i
                            class="ri-arrow-left-circle-fill"></i> Back</a>--}}
                </div>
            </div>
        </div>
    @endif
    <div class="app-body">
        <div class="card-body">
            @if($checkGstCreate == "firstTime")
                <div class="row gx-3">
                    <div class="col-md-12">
                        <h3 class="text-center">GST DETAILS</h3>
                        <p class="text-center text-danger">Please fill gst details.</p>
                    </div>
                </div>
            @endif
            <div class="row gx-3">
                <div class="col-md-4 col-12">
                    <div class="card mb-3">
                        <div class="card-body">
                            {!! Form::open(['route' => ['setting-tax.store'],'onsubmit'=>'BtnSubmit.disabled = true',
 'class'=>'row g-3 needs-validation',  'method' => 'post', 'id'=>'TaxForm', 'autocomplete' => 'off']) !!}
                            <div class="col-md-12 col-12 mb-1">
                                <h5>GST Settings</h5>
                            </div>
                            <div class="col-md-12 col-12">
                                <input type="hidden" name="tax_id"
                                       value="{{$commonSetting ? $commonSetting->id : "new"}}">
                                <input type="hidden" class="form-control"
                                       name="check_create_time" required
                                       value="{{$checkGstCreate}}">
                                <input type="checkbox" id="enable_gst" name="enable_gst" class="check"
                                       {{($commonSetting && ($commonSetting->enable_gst == 'yes'))? 'checked': ''}} value="yes">
                                <label class="form-label" for="enable_gst">Enable GST</label>
                                <div class="text-danger">{{$errors->first('enable_gst')}} </div>
                            </div>
                            <div class="col-md-12 col-12 checkEnableGst" style="display: none">
                                &nbsp;&nbsp;&nbsp;<input type="radio" id="fcm" name="enable_gst_type"
                                                         class="check"
                                                         {{($commonSetting && ($commonSetting->enable_gst_type == 'fcm'))? 'checked': ''}} value="fcm">
                                <label class="form-label" for="fcm">Forword Charge Mechanism (FCM)</label>
                                <div class="text-danger">{{$errors->first('fcm')}} </div>
                            </div>
                            <div class="col-md-12 col-12 checkEnableGst" style="display: none">
                                &nbsp;&nbsp;&nbsp;<input type="radio" id="rcm" name="enable_gst_type"
                                                         class="check"
                                                         {{($commonSetting && ($commonSetting->enable_gst_type == 'rcm'))? 'checked': ''}} value="rcm">
                                <label class="form-label" for="rcm">Reverse charge Mechanism (RCM)</label>
                                <div class="text-danger">{{$errors->first('rcm')}} </div>
                            </div>
                            <div class="col-md-12 col-12 checkEnableGst">
                                <input type="checkbox" id="enable_hsn_sac" name="enable_hsn_sac"
                                       class="check"
                                       {{($commonSetting && ($commonSetting->enable_hsn_sac == 'yes'))? 'checked': ''}} value="yes">
                                <label class="form-label" for="enable_hsn_sac">Enable HSN/SAC Code</label>
                                <div class="text-danger">{{$errors->first('enable_hsn_sac')}} </div>
                            </div>
                            <div class="col-md-12 col-12 checkEnableGst">
                                <input type="checkbox" id="enable_tds"
                                       name="enable_tds" class="check"
                                       {{($commonSetting && ($commonSetting->enable_tds == 'yes'))? 'checked': ''}} value="yes">
                                <label class="form-label" for="enable_tds">Enable TDS</label>
                                <div class="text-danger">{{$errors->first('enable_tds')}} </div>
                            </div>
                            <div class="col-md-12 col-12 checkEnableGst">
                                <input type="checkbox" id="enable_tcs"
                                       name="enable_tcs" class="check"
                                       {{($commonSetting && ($commonSetting->enable_tcs == 'yes'))? 'checked': ''}} value="yes">
                                <label class="form-label" for="enable_tcs">Enable TCS</label>
                                <div class="text-danger">{{$errors->first('enable_tcs')}} </div>
                            </div>
                            <div class="col-md-12 col-12" id="TanNoShow" style="display: none">
                                <label class="form-label" for="tan_no">Tan No.</label>
                                <input type="text" id="tan_no"
                                       name="tan_no" class="form-control"
                                       value="{{(($commonSetting && $commonSetting->tan_no) ? $commonSetting->tan_no : '')}}">
                                <div class="text-danger">{{$errors->first('tan_no')}} </div>
                            </div>
                            <div class="col-xl-12 col-md-12 col-12">
                                <button class="btn btn-primary mt-1" id="BtnSubmit"
                                        type="submit">{{$commonSetting ? 'Update' : 'Submit'}}</button>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="card mb-3">
                        <div class="card-body">
                            <div class="col-md-12 col-12 mb-1">
                                <div class="d-flex justify-content-between align-items-center mb-2">
                                    <h5 class="mb-0">TAX Slab</h5>
                                    <button type="button" style="border-radius: 15px;height: 20px; width: 20px;"
                                            data-bs-toggle="modal"
                                            data-bs-target="#taxRateModal" class="btn btn-sm btn-primary">
                                        <i class="ri-add-line ri-sm"
                                           style="position: relative; bottom: 6px; right: 4px;"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="col-md-12 col-12">
                                <table class="table table-bordered table-striped">
                                    <tbody class="showTaxSlab" style="display: none">
                                    @foreach($taxGroup as $tax)
                                        <tr>
                                            @if($tax->tax_slab == "None" || $tax->tax_slab == "Exempt")
                                                <td>{{$tax->tax_slab}}</td>
                                                <td>{{$tax->tax_slab}}</td>
                                            @else
                                                <td>{{'GST@'.$tax->tax_slab.'%'}}</td>
                                                <td>{{$tax->tax_slab."%"}}</td>
                                            @endif
                                            @if($tax->created_by != 'System')
                                                <td class="text-right">
                                                    <button onclick="deleteIt({{$tax->id}})"
                                                            class="btn btn-sm btn-danger"><i
                                                            class="ri-delete-bin-line"></i></button>
                                                </td>
                                            @endif
                                        </tr>
                                    @endforeach
                                    <tr></tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="card mb-3">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12 col-12 mb-1">
                                    <h5 class="pull-left">TAX Sub Group</h5>
                                </div>
                                <div class="col-md-12 col-12">
                                    <table class="table table-bordered table-striped">
                                        <tbody class="showTaxSlab" style="display: none">
                                        @foreach($taxSubGroup as $subGroup)
                                            <tr>
                                                <td>{{$subGroup->gst_type.'@'.$subGroup->gst_per.'%'}}</td>
                                                <td>{{$subGroup->gst_per."%"}}</td>
                                            </tr>
                                        @endforeach
                                        <tr></tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footer_script')
    @include('common.modal.tax-rate')
    <script src="{{asset('theme/assets/sweetalert/sweet-alert.min.js')}}"></script>
    <script>
        $('.floatnumber').on('input', function () {
            this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
        });

        $("form#TaxForm").on('submit', function () {
            var classAChecked = $(".check:checkbox:checked").length;
            var isCommonSetting = @json($commonSetting != true);
            if (classAChecked == 0 && isCommonSetting) {
                alert("Please select at least one checkbox");
                return false;
            }
            return true;
        });


        $(document).ready(function () {
            const $enable_gst = $("#enable_gst");
            const $checkEnableGst = $(".checkEnableGst");
            const $showTaxSlab = $(".showTaxSlab");
            let radioButtons = $('input[name="enable_gst_type"]');

            function togglePanNoSection() {
                if ($enable_gst.is(":checked")) {
                    $checkEnableGst.show();
                    $showTaxSlab.show();

                    if (!$('input[name="enable_gst_type"]:checked').length) {
                        radioButtons.first().attr('required', true); // Apply required only to the first radio button
                    } else {
                        radioButtons.removeAttr('required'); // Remove required if one is already selected
                    }

                } else {
                    $checkEnableGst.hide();
                    $showTaxSlab.hide();
                    $('#fcm').prop('checked', false);
                    $('#rcm').prop('checked', false);
                }
            }

            // Initial check in case the checkbox is pre-checked
            togglePanNoSection();

            // Listen for checkbox changes
            $enable_gst.change(togglePanNoSection);

            getTan();
        });


        $('#enable_tds, #enable_tcs').on('click', function () {
            getTan();
        });

        function getTan() {
            const $enableTDS = $("#enable_tds");
            const $enableTCS = $("#enable_tcs");

            function toggleTanNoSection() {
                if ($enableTDS.is(":checked") || $enableTCS.is(":checked")) {
                    $('#TanNoShow').show();
                    //$('#tan_no').attr('required', true);
                } else {
                    $('#TanNoShow').hide();
                    //$('#tan_no').attr('required', false);
                }
            }

            // Initial check in case the checkbox is pre-checked
            toggleTanNoSection();
            // Listen for checkbox changes
            $enableTDS.change(toggleTanNoSection);
            $enableTCS.change(toggleTanNoSection);
        }

        function deleteIt(id) {
            swal({
                    title: "Are you sure?",
                    text: "You will not be able to recover this data!",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: '#DD6B55',
                    confirmButtonText: 'Yes, I am sure!',
                    cancelButtonText: "No, cancel it!",
                    closeOnConfirm: false,
                    closeOnCancel: false,
                    cancelButtonClass: 'btn-default btn-md waves-effect',
                    confirmButtonClass: 'btn-danger btn-md waves-effect waves-light',
                },
                function (isConfirm) {
                    if (isConfirm) {
                        $.ajax({
                            url: '{{ url('tax-group') }}/' + id,
                            type: 'delete',
                            dataType: "JSON",
                            data: {
                                "_token": "{{ csrf_token() }}"
                            },
                            success: function () {
                                location.reload();
                            }
                        });
                        swal("Deleted!", "Data has been deleted!", "success");
                    } else {
                        swal("Cancelled", "Data is safe :)", "error");
                    }

                });
        }
    </script>
@endpush