@extends('layouts.master')
@section('css')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
    <style>
        .error {
            color: red;
        }
    </style>
@endsection
@section('title')
    Settings
@endsection
@section('content')
    <main>
        <div class="row">
            <div class="col-lg-2"></div>
            <div class="col-lg-8">
                <div class="card">
                    <div class="card-header d-flex align-items-center">
                        <h5 class="card-title mb-0 flex-grow-1">
                            Mybuss Connection
                        </h5>
                        <div class="text-end">
                            @if ($setting->mybuss == 1)
                                <button class="btn btn-success">
                                    Activated
                                </button>
                            @else
                                <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
                                    Activate
                                </button>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-2"></div>
            <div class="col-lg-8">
                <div class="card">
                    <div class="card-header d-flex align-items-center">
                        <h5 class="card-title mb-0 flex-grow-1">
                            Financial Year
                        </h5>
                    </div>
                    <div class="card-body">
                        @isset($setting)
                            <form action="/admin/settings/{{ $setting->id }}" method="POST" id="settings-form"
                                autocomplete="off" class="needs-validation" novalidate>
                                @method('put')
                            @else
                                <form action="/admin/settings" method="POST" id="settings-form" autocomplete="off"
                                    class="needs-validation" novalidate>
                                @endisset
                                @csrf
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="nameInput" class="form-label">From Date</label>
                                    </div>
                                    <div class="col-lg-8">
                                        <input type="date" class="form-control" name="from_date"
                                            value="{{ isset($setting) ? $setting->fy_from : '' }}" required>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="nameInput" class="form-label">To Date</label>
                                    </div>
                                    <div class="col-lg-8">
                                        <input type="date" class="form-control" name="to_date"
                                            value="{{ isset($setting) ? $setting->fy_to : '' }}" required>
                                    </div>
                                </div>
                                <div class="text-end">
                                    <button type="submit" class="btn btn-primary">
                                        @isset($setting->fy_from)
                                            Update
                                        @else
                                            Add
                                        @endisset
                                    </button>
                                </div>
                            </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-2"></div>
            <div class="col-lg-8">
                <div class="card">
                    <div class="card-header d-flex align-items-center">
                        <h5 class="card-title mb-0 flex-grow-1">
                            Business Opening
                        </h5>
                    </div>
                    <div class="card-body">
                        <form action="/admin/business-open" method="POST" id="business_opening_form" autocomplete="off"
                            class="needs-validation" novalidate>
                            @csrf
                            <div class="row mb-3">
                                <div class="col-lg-3">
                                    <label for="nameInput" class="form-label">Open Date</label>
                                </div>
                                <div class="col-lg-8">
                                    <input type="date" class="form-control" name="open_date"
                                        value="{{ isset($setting) ? $setting->business_opening : '' }}"
                                        placeholder="Open Date" required>
                                </div>
                            </div>
                            <div class="text-end">
                                <button type="submit" class="btn btn-primary">
                                    @isset($setting->business_opening)
                                        Update
                                    @else
                                        Add
                                    @endisset
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        {{-- <div class="row">
            <div class="col-lg-2"></div>
            <div class="col-lg-4">
                <div class="card">
                    <div class="card-header d-flex align-items-center">
                        <h5 class="card-title mb-0 flex-grow-1">
                            Import From Tally
                        </h5>
                    </div>
                    <div class="card-body">
                        @if (Session::has('success'))
                            <div class="alert alert-success alert-dismissible alert-label-icon label-arrow fade show"
                                role="alert">
                                <i class="ri-notification-line label-icon"></i><strong>Success</strong> -
                                {{ Session::get('success') }}
                            </div>
                        @endif
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="nameInput" class="form-label">Import Masters</label>
                            </div>
                            <div class="col-lg-8">
                                <button id="import-btn" class="btn btn-soft-primary" data-bs-toggle="modal"
                                    data-bs-target="#ImportModal">Import Master</button>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="nameInput" class="form-label">Import Vouchers</label>
                            </div>
                            <div class="col-lg-8">
                                <button id="import-btn" class="btn btn-soft-primary" data-bs-toggle="modal"
                                    data-bs-target="#ImportModalVoucher">Import Voucher</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}
            {{-- <div class="col-lg-4">
                <div class="card">
                    <div class="card-header d-flex align-items-center">
                        <h5 class="card-title mb-0 flex-grow-1">
                            Export To Tally
                        </h5>
                    </div>
                    <div class="card-body">
                        @if (Session::has('success'))
                            <div class="alert alert-success alert-dismissible alert-label-icon label-arrow fade show"
                                role="alert">
                                <i class="ri-notification-line label-icon"></i><strong>Success</strong> -
                                {{ Session::get('success') }}
                            </div>
                        @endif
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="nameInput" class="form-label">Export Masters</label>
                            </div>
                            <div class="col-lg-8">
                                <a href="{{ route('export-master') }}" class="btn btn-soft-primary">Export Master</a>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="nameInput" class="form-label">Export Vouchers</label>
                            </div>
                            <div class="col-lg-8">
                                <button id="import-btn" class="btn btn-soft-primary" data-bs-toggle="modal"
                                    data-bs-target="#ExportModalVoucher">Export Voucher</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}
        {{-- </div> --}}
    </main>

    <div class="row">
        <div class="col-lg-2"></div>
        <div class="col-lg-8">
            <div class="card">
                <div class="row" style="justify-content: space-between">
                    <div class="col-lg-6">
                        <div class="card-header d-flex align-items-center">
                            <h5 class="card-title mb-0 flex-grow-1">
                                Reset Account
                            </h5>
                            <div class="text-end">
                                <button class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#restartModal">
                                    Reset
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="card-header d-flex align-items-center">
                            <h5 class="card-title mb-0 flex-grow-1">
                                Delete Transactions
                            </h5>
                            <div class="text-end">
                                <button class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#deleteModal">
                                    Delete
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                @if (Session::has('success-restart'))
                    <div class="card-body">
                        <div class="alert alert-success alert-dismissible alert-label-icon label-arrow fade show"
                            role="alert">
                            <i class="ri-notification-line label-icon"></i><strong>Success</strong> -
                            {{ Session::get('success-restart') }}
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="restartModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Reset Your Account</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    Are you sure you want to reset your account, <br> all masters and transactions will be lost ? <br>You
                    cannot
                    undo this action !
                    <div class="col-md-12">
                        <label for="password" class="form-label">Enter Password<sup class="text-danger">*</sup></label>
                        <input class="form-control" type="password" name="password" id="password">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal">No</button>
                    <button type="button" class="btn btn-danger reset" data-type="1">Yes</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Delete Transactions</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p style="color: red; font-weight: w600; font-size: 14px">
                        Are you sure you want to delete transactions, all transactions in these dates will be lost ?
                        <br>You
                        cannot
                        undo this action !
                    </p>
                    <div class="col-md-12 mt-2">
                        <label for="date" class="form-label">To Date<sup class="text-danger">*</sup></label>
                        <input class="form-control" type="date" name="date" id="delete-date">
                    </div>
                    <div class="col-md-12 mt-2">
                        <label for="password" class="form-label">Enter Password<sup class="text-danger">*</sup></label>
                        <input class="form-control" type="password" name="password" id="delete-password">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal">No</button>
                    <button type="button" class="btn btn-danger delete" data-type="1">Yes</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Mybuss Connection</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    Are you sure you want to activate mybuss connection ? <br>You cannot undo this action !
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">No</button>
                    <button type="button" class="btn btn-primary activate" data-type="1">Yes</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Default Modals -->
    <div id="ImportModal" class="modal fade" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true"
        style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="myModalLabel">Import From Tally</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> </button>
                </div>
                <form action="/admin/import-masters" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-body">
                        <div>
                            <label for="master_file" class="form-label">Masters From Tally Export</label>
                            <input class="form-control" type="file" name="file" id="master_file">
                        </div>
                        <p class="text-muted">Import Only XML file, exported from tally</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-primary ">import</button>
                    </div>
                </form>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <!-- Default Modals -->
    <div id="ImportModalVoucher" class="modal fade" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true"
        style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="myModalLabel">Import From Tally</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> </button>
                </div>
                <form action="/admin/import-accounting-vouchers" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-body">
                        <div>
                            <label for="Vouchers" class="form-label">Vouchers</label>
                            <input class="form-control" type="file" name="file" id="voucher_file">
                        </div>
                        <p class="text-muted">Import Only XML file, exported from tally</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-primary ">import</button>
                    </div>
                </form>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
@endsection
@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"
        integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>


    <script src="{{ URL::asset('/assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script>



        $('#is-b2c-inv-no').select2({
            minimumResultsForSearch: -1
        });
        $('#is_show_remarks').select2({
            minimumResultsForSearch: -1
        });
        $('#back_date_check').select2({
            minimumResultsForSearch: -1
        });
        $('#pos_print,#gst_sale,#delete_ac_voucher,#show_outstanding,#negative_stock_billing,#cost_center_required,#show_previous_registers,#einvoice,#separate_print_for_branch,#proforma_invoice,#auto_complete_van_stock_request,#auto_complete_collection,#auto_complete_sales_return,#show_all_collection_for_sale_executives,#show_all_order_for_sale_executives')
            .select2({
                minimumResultsForSearch: -1
            });

        $('#settings-form').validate({
            rules: {
                'from_date': {
                    required: true,
                },
                'to_date': {
                    required: true,
                },
            },
            messages: {
                'from_date': {
                    required: "Please enter from date",
                },
                'to_date': {
                    required: "Please enter to date",
                },
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == 'success') {
                            console.log(data);
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.href =
                                        "{{ route('settings.index') }}";
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        Swal.fire({
                            title: 'Error!',
                            text: data.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });
        $('#business_opening_form').validate({
            rules: {
                'open_date': {
                    required: true,
                },
            },
            messages: {
                'open_date': {
                    required: "Please enter business open date",
                },
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == 'success') {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.href =
                                        "{{ route('settings.index') }}";
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        Swal.fire({
                            title: 'Error!',
                            text: data.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });

        $('#print_option_form').validate({
            rules: {
                'is_b2c_inv_no': {
                    required: true,
                },
                'is_show_remarks': {
                    required: true,
                },
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == 'success') {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.href =
                                        "{{ route('settings.index') }}";
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        Swal.fire({
                            title: 'Error!',
                            text: data.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });

        $('#business_type_option_form').validate({
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == 'success') {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.href =
                                        "{{ route('settings.index') }}";
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        Swal.fire({
                            title: 'Error!',
                            text: data.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });

        $('.reset').click(function(e) {
            e.preventDefault();
            var password = $('#password').val();
            $.ajax({
                type: "post",
                url: "/admin/restart-account",
                data: {
                    _token: "{{ csrf_token() }}",
                    password: password,
                },
                success: function(response) {
                    if (response.status == 'success') {
                        Swal.fire({
                            title: 'Success!',
                            text: response.message,
                            icon: 'success',
                            confirmButtonText: 'Ok'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                location.reload();
                            }
                        })
                    } else {
                        Swal.fire({
                            title: 'Error!',
                            text: response.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                // location.reload();
                            }
                        })
                    }
                },
            });
        });

        $('.delete').click(function(e) {
            e.preventDefault();
            var password = $('#delete-password').val();
            var date = $('#delete-date').val();
            $.ajax({
                type: "post",
                url: "/admin/delete-transactions",
                data: {
                    _token: "{{ csrf_token() }}",
                    date: date,
                    password: password,
                },
                success: function(response) {
                    if (response.status == 'success') {
                        Swal.fire({
                            title: 'Success!',
                            text: response.message,
                            icon: 'success',
                            confirmButtonText: 'Ok'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                location.reload();
                            }
                        })
                    } else {
                        Swal.fire({
                            title: 'Error!',
                            text: response.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                // location.reload();
                            }
                        })
                    }
                },
            });
        });

        $('.activate').click(function(e) {
            e.preventDefault();
            var type = $(this).data('type');
            $.ajax({
                type: "post",
                url: "/admin/mybuss-connection",
                data: {
                    _token: "{{ csrf_token() }}",
                    type: type
                },
                success: function(response) {
                    if (response.status == 'success') {
                        Swal.fire({
                            title: 'Success!',
                            text: response.message,
                            icon: 'success',
                            confirmButtonText: 'Ok'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                location.reload();
                            }
                        })
                    } else {
                        Swal.fire({
                            title: 'Error!',
                            text: response.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                // location.reload();
                            }
                        })
                    }
                },
                error: function(data) {
                    Swal.fire({
                        title: 'Error!',
                        text: data.message,
                        icon: 'error',
                        confirmButtonText: 'Ok'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            // location.reload();
                        }
                    })
                }
            });
        });
    </script>
@endsection