@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-md-12 col-12 checkEnableGst">
                                <input type="checkbox" id="show_gst_in_freight" name="show_gst_in_freight" class="check"
                                    {{ $commonSetting && $commonSetting->show_gst_in_freight == 'yes' ? 'checked' : '' }}
                                    value="yes">
                                <label class="form-label" for="show_gst_in_freight">
                                    Show GST in Freight
                                </label>
                            </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