@extends('layouts.master')
@section('css')
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
    <style>
        .rotate {
            animation: rotate 2s linear infinite;
        }

        @keyframes rotate {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }
    </style>
@endsection
@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between">
                    <div>
                        <h4 class="card-title mb-0 flex-grow-1">
                            @if (Auth::user()->company != null
                                    ? Auth::user()->company->software_type == 'mybuss'
                                    : Auth::user()->staff->company->software_type == 'mybuss')
                                Mybuss
                            @else
                                Mop
                            @endif
                            Resync Details
                        </h4>
                        <p>It will takes some time to complete the resync process ,please wait patiently</p>
                    </div>
                    <div>
                        <button type="button" class="btn btn-primary waves-effect waves-light" onclick="turnOnSync()"><i
                                class="las la-sync"></i>Turn On Auto Sync (Masters Only)</button>
                        <a type="button" class="btn btn-soft-primary waves-effect waves-light"
                            href="/admin/company-profile"><i class="las la-angle-double-left"></i> Go Back</a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <h4>Masters</h4>
                            <table class="table table-bordered dt-responsive nowrap table-striped align-middle">
                                <thead>
                                    <tr>
                                        <th>Particulars</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody id="syncBody">
                                    <tr>
                                        <td>Routes</td>
                                        <td>
                                            @if (Auth::user()->company->routes_sync == 1)
                                                <button data-icon="route-icon" data-type="route"
                                                    class="btn btn-primary waves-effect waves-light sync"><i
                                                        class="las la-sync" id="route-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                    <td>Bank</td>
                                    <td>
                                        @if (Auth::user()->company->bank_sync == 1)
                                            <button data-icon="bank-icon" data-type="bank"
                                                class="btn btn-primary waves-effect waves-light sync"><i class="las la-sync"
                                                    id="bank-icon"></i></button>
                                        @endif
                                    </td>
                                    </tr>
                                    <tr>
                                        <td>Categories</td>
                                        <td>
                                            @if (Auth::user()->company->categories_sync == 1)
                                                <button data-icon="category-icon" data-type="category"
                                                    class="btn btn-primary waves-effect waves-light sync"><i
                                                        class="las la-sync" id="category-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Suppliers</td>
                                        <td>
                                            @if (Auth::user()->company->suppliers_sync == 1)
                                                <button data-icon="supplier-icon" data-type="supplier"
                                                    class="btn btn-primary waves-effect waves-light sync"><i
                                                        class="las la-sync" id="supplier-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Shops</td>
                                        <td>
                                            @if (Auth::user()->company->shops_sync == 1)
                                                <button data-icon="shop-icon" data-type="shop"
                                                    class="btn btn-primary waves-effect waves-light sync"><i
                                                        class="las la-sync" id="shop-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Units</td>
                                        <td>
                                            @if (Auth::user()->company->units_sync == 1)
                                                <button data-icon="unit-icon" data-type="unit"
                                                    class="btn btn-primary waves-effect waves-light sync"><i
                                                        class="las la-sync" id="unit-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Price Slabs</td>
                                        <td>
                                            @if (Auth::user()->company->price_slab_sync == 1)
                                                <button data-icon="price-slab-icon" data-type="price_slab"
                                                    class="btn btn-primary waves-effect waves-light sync"><i
                                                        class="las la-sync" id="price-slab-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Stock Locations</td>
                                        <td>
                                            @if (Auth::user()->company->stock_locations_sync == 1)
                                                <button data-icon="stock-location-icon" data-type="stock_location"
                                                    class="btn btn-primary waves-effect waves-light sync"><i
                                                        class="las la-sync" id="stock-location-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Products</td>
                                        <td>
                                            @if (Auth::user()->company->products_sync == 1)
                                                <button data-icon="product-icon" data-type="product"
                                                    class="btn btn-primary waves-effect waves-light sync"><i
                                                        class="las la-sync" id="product-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <h4>Transaction</h4>
                            <table class="table table-bordered dt-responsive nowrap table-striped align-middle">
                                <thead>
                                    <tr>
                                        <th>Particulars</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody id="syncBody">
                                    <tr>
                                        <td>Sales</td>
                                        <td>
                                            @if (Auth::user()->company->sales_sync == 1)
                                                <button data-icon="sale-icon" data-type="sale"
                                                    class="btn btn-primary waves-effect waves-light transactions"><i
                                                        class="las la-sync" id="sale-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Sales Return</td>
                                        <td>
                                            @if (Auth::user()->company->sales_return_sync == 1)
                                                <button data-icon="sale-return-icon" data-type="sales-return"
                                                    class="btn btn-primary waves-effect waves-light transactions"><i
                                                        class="las la-sync" id="sale-return-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Purchase</td>
                                        <td>
                                            @if (Auth::user()->company->purchase_sync == 1)
                                                <button data-icon="purchase-icon" data-type="purchase"
                                                    class="btn btn-primary waves-effect waves-light transactions"><i
                                                        class="las la-sync" id="purchase-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Purchase Return</td>
                                        <td>
                                            @if (Auth::user()->company->purchase_return_sync == 1)
                                                <button data-icon="purchase-return-icon" data-type="purchase-return"
                                                    class="btn btn-primary waves-effect waves-light transactions"><i
                                                        class="las la-sync" id="purchase-return-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Receipt</td>
                                        <td>
                                            @if (Auth::user()->company->receipt_sync == 1)
                                                <button data-icon="receipt-icon" data-type="receipt"
                                                    class="btn btn-primary waves-effect waves-light transactions"><i
                                                        class="las la-sync" id="receipt-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Stock Journal</td>
                                        <td>
                                            @if (Auth::user()->company->stock_journal_sync == 1)
                                                <button data-icon="stock-journal-icon" data-type="stock-journal"
                                                    class="btn btn-primary waves-effect waves-light transactions nomonth"><i
                                                        class="las la-sync" id="stock-journal-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Cash Discount</td>
                                        <td>
                                            @if (Auth::user()->company->cash_discount_sync == 1)
                                                <button data-icon="cash-discount-icon" data-type="cash-discount"
                                                    class="btn btn-primary waves-effect waves-light transactions nomonth"><i
                                                        class="las la-sync" id="cash-discount-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Payment</td>
                                        <td>
                                            @if (Auth::user()->company->payment_sync == 1)
                                                <button data-icon="payment-icon" data-type="payment"
                                                    class="btn btn-primary waves-effect waves-light transactions nomonth"><i
                                                        class="las la-sync" id="payment-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- range month modal -->
    <div class="modal fade" id="range-month-modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-body text-center p-5">
                    <lord-icon src="https://cdn.lordicon.com/pqxdilfs.json" trigger="loop"
                        colors="primary:#121331,secondary:#08a88a" style="width:120px;height:120px">
                    </lord-icon>
                    <form action="" method="POST" id="range-month-form">
                        @csrf
                        <div class="mt-4">
                            <h4 class="mb-3" id="heading-range"></h4>
                        </div>

                        <input type="hidden" name="type" value="" id="range-type">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="financial-year" class="form-label">Start Date</label>
                                    <input type="date" class="form-control" placeholder="Start Month"
                                        name="start_month" id="start_month" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="financial-year" class="form-label">End Date</label>
                                    <input type="date" class="form-control" placeholder="End Month" name="end_month"
                                        id="end_month" required>
                                </div>
                            </div>
                            <div class="hstack gap-2 justify-content-center">
                                <button type="submit" class="btn btn-danger">Sync </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
@endsection
@section('title')
    Resync
@endsection
@section('script')
    <script src="{{ URL::asset('/assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script>
        $('.transactions').click(function(e) {
            e.preventDefault();
            let isMonthSync = $(this).hasClass('nomonth');
            if (!isMonthSync) {
                let type = $(this).data('type');
                $('#heading-range').text('Select Date Range ' + type);
                $('#range-type').val(type);
                $('#range-month-modal').modal('show');
            } else {
                var icon = $(this).data('icon');
                $(this).attr('disabled', true);
                $('#' + icon).addClass('rotate');
                var type = $(this).data('type');
                $.ajax({
                    type: "post",
                    url: "/admin/mybuss-resync",
                    data: {
                        _token: "{{ csrf_token() }}",
                        type: type
                    },
                    success: function(response) {
                        if (response.status == true) {
                            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();
                            }
                        })
                    }
                });
            }
        });

        let autoSync = false;
        turnOnSync = () => {
            autoSync = true;
            //get first .sync button and click it
            $('.sync').first().click();
        }
        $('.sync').click(function(e) {
            e.preventDefault();
            var icon = $(this).data('icon');
            $(this).attr('disabled', true);
            $('#' + icon).addClass('rotate');
            var type = $(this).data('type');
            $.ajax({
                type: "post",
                url: "/admin/mybuss-resync",
                data: {
                    _token: "{{ csrf_token() }}",
                    type: type
                },
                success: function(response) {
                    if (response.status == true) {
                        if (autoSync) {
                            $('#' + icon).removeClass('rotate');
                            //get next .sync button and click it
                            $('.sync').not('[disabled]').first().click();
                            if (icon == 'product-icon') {
                                autoSync = false;
                                Swal.fire({
                                    title: 'Success!',
                                    text: 'All Masters synced successfully',
                                    icon: 'success',
                                    confirmButtonText: 'Ok'
                                }).then((result) => {
                                    if (result.isConfirmed) {
                                        location.reload();
                                    }
                                })
                            }
                        } else {
                            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();
                        }
                    })
                }
            });
        });

        $('#range-month-form').submit(function(e) {
            e.preventDefault();
            $('#range-month-modal').modal('hide');
            var type = $('#range-type').val();
            var start_month = $('#start_month').val();
            var end_month = $('#end_month').val();
            $(`[data-icon=${type}-icon]`).attr('disabled', true);
            $(`#${type}-icon`).addClass('rotate');
            $.ajax({
                type: "post",
                url: "/admin/mybuss-resync",
                data: {
                    _token: "{{ csrf_token() }}",
                    type: type,
                    start_month: start_month,
                    end_month: end_month
                },
                success: function(response) {
                    if (response.status == true) {
                        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