@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('title')
    Sync
@endsection
@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header d-flex align-items-center">
                    <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 Sync Details
                    </h4>
                    <div> <a href="{{ route('voucher-validation') }}"
                        class="btn btn-soft-primary waves-effect waves-light">
                        Voucher Validation</a>
                        <a type="button" class="btn btn-soft-primary waves-effect waves-light"
                            href="/admin/mybuss-resync"><i class="las la-sync"></i> Re-Sync</a>
                        <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">
                            <table class="table table-bordered dt-responsive nowrap table-striped align-middle">
                                <thead>
                                    <tr>
                                        <th>Particulars</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                    <tr>
                                        <td>Routes</td>
                                        <td>
                                            @if (Auth::user()->company->routes_sync == 1)
                                                <button class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <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 class="btn btn-success waves-effect waves-light"><i
                                                    class="las la-check-double"></i></button>
                                        @else
                                            <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 class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <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 class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <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 class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <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 class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <button data-icon="product-icon" data-type="unit"
                                                    class="btn btn-primary waves-effect waves-light sync"><i
                                                        class="las la-sync" id="product-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Price Slabs</td>
                                        <td>
                                            @if (Auth::user()->company->price_slab_sync == 1)
                                                <button class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <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 class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <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 class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <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>
                                    <tr>
                                        <td>Sales</td>
                                        <td>
                                            @if (Auth::user()->company->sales_sync == 1)
                                                <button class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <button data-icon="sale-icon" data-type="sale"
                                                    class="btn btn-primary waves-effect waves-light sync"><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 class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <button data-icon="sale-return-icon" data-type="sales-return"
                                                    class="btn btn-primary waves-effect waves-light sync"><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 class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <button data-icon="purchase-icon" data-type="purchase"
                                                    class="btn btn-primary waves-effect waves-light sync"><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 class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <button data-icon="purchase-return-icon" data-type="purchase-return"
                                                    class="btn btn-primary waves-effect waves-light sync"><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 class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <button data-icon="receipt-icon" data-type="receipt"
                                                    class="btn btn-primary waves-effect waves-light sync"><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 class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <button data-icon="stock-journal-icon" data-type="stock-journal"
                                                    class="btn btn-primary waves-effect waves-light sync"><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 class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <button data-icon="cash-discount-icon" data-type="cash-discount"
                                                    class="btn btn-primary waves-effect waves-light sync"><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 class="btn btn-success waves-effect waves-light"><i
                                                        class="las la-check-double"></i></button>
                                            @else
                                                <button data-icon="payment-icon" data-type="payment"
                                                    class="btn btn-primary waves-effect waves-light sync"><i
                                                        class="las la-sync" id="payment-icon"></i></button>
                                            @endif
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@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>
        $('.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-sync",
                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();
                        }
                    })
                }
            });
        });
    </script>
@endsection