@extends('layout.master')
@section('content')
    <section class="content pb-5">
        <div class="container-fluid">
            <meta name="csrf-token" content="{!! csrf_token() !!}">
            <div class="row pt-4">
                <div class="col-md-12">
                    <div class="title-section">
                        <p>HSN Master</p>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="table-responsive">
                        <table class="table table-striped" id="hsnMasterDatatables">
                            <thead>
                                <tr>
                                    <th scope="col">S.No.</th>
                                    <th scope="col">Code</th>
                                    <th scope="col">Tax Percentage</th>
                                    <th scope="col">Status</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="col-md-12">
                    <form id="upload_hsn_master" enctype="multipart/form-data">
                        <div class="d-flex mt-3">
                            <button type="button" class="btn btn-danger mr-2" id="hsnExport">Download</button>
                            <input class="custom-input" name="hsn_master" type="file" id="formFile">
                            <button type="submit" class="btn btn-danger mr-2" id="uploadHsnExport">Upload</button>
                        </div>
                    </form>
                </div>
                <div class="col-md-12 mt-4">
                    <div class="title-section">
                        <p>Product Master</p>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="table-responsive">
                        <table class="table table-striped" id="ProductMasterDataTables">
                            <thead>
                                <tr>
                                    <th scope="col">S.No.</th>
                                    <th scope="col">Name</th>
                                    <th scope="col">Skus</th>
                                    <th scope="col">HSN</th>
                                    <th scope="col">Weight</th>
                                    <th scope="col">Height</th>
                                    <th scope="col">Width</th>
                                    <th scope="col">Length</th>
                                    <th scope="col">Price</th>
                                    <th scope="col">Category</th>
                                    <th scope="col">Status</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="col-md-12">
                    <form id="upload_product_master" enctype="multipart/form-data">
                        <div class="d-flex mt-3">
                            <button type="button" class="btn btn-danger mr-2" id="productExport">Download</button>
                            <input class="custom-input" name="product_master" type="file" id="productFormFile">
                            <button type="submit" class="btn btn-danger mr-2" id="uploadproductExport">Upload</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-md-12 mt-4">
            <div class="title-section">
                <p>Category Master</p>
            </div>
        </div>
        <div class="col-md-12">
            <div class="table-responsive">
                <table class="table table-striped" id="categoryMasterDataTables">
                    <thead>
                        <tr>
                            <th scope="col">S.No.</th>
                            <th scope="col">Name</th>
                            <th scope="col">Status</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-md-12">
            <form id="upload_category_master" enctype="multipart/form-data">
                <div class="d-flex mt-3">
                    <button type="button" class="btn btn-danger mr-2" id="categoryExport">Download</button>
                    <input class="custom-input" name="category_master" type="file" id="categoryFormFile">
                    <button type="submit" class="btn btn-danger mr-2" id="uploadcategoryExport">Upload</button>
                </div>
            </form>
        </div>
        </div>
        </div>
    </section>

    <script type="text/javascript">
        $(document).ready(function() {
                    let example = $("#hsnMasterDatatables").DataTable({
                        "language": {
                            "zeroRecords": "No record(s) found."
                        },
                        select: {
                            style: 'os',
                            selector: 'td:first-child'
                        },
                        order: [
                            [1, 'asc']
                        ],
                        processing: true,
                        serverSide: true,
                        lengthChange: true,
                        order: [0, 'asc'],
                        searchable: true,
                        bStateSave: false,

                        ajax: {
                            url: "{{ url('hsn-master') }}",
                            data: function(d) {

                            }
                        },

                        columns: [{
                                data: 'DT_RowIndex',
                                name: 'DT_RowIndex',
                                sortable: false
                            },
                            {
                                data: 'code',
                                name: 'code',
                                searchable: true,
                                orderable: false,
                                defaultContent: 'NA'
                            },
                            {
                                data: 'tax_rate',
                                name: 'tax_rate',
                                searchable: true,
                                orderable: false,
                                defaultContent: 'NA'
                            },
                            {
                                data: 'status',
                                name: 'status',
                                searchable: true,
                                orderable: false,
                                defaultContent: 'NA'
                            }
                        ],
                        select: {
                            style: 'multi',
                        },
                    });
                })

                    let example1 = $("#ProductMasterDataTables").DataTable({
                        "language": {
                            "zeroRecords": "No record(s) found."
                        },
                        select: {
                            style: 'os',
                            selector: 'td:first-child'
                        },
                        order: [
                            [1, 'asc']
                        ],
                        processing: true,
                        serverSide: true,
                        lengthChange: true,
                        order: [0, 'asc'],
                        searchable: true,
                        bStateSave: false,

                        ajax: {
                            url: "{{ url('product-master') }}",
                            data: function(d) {

                            }
                        },

                        columns: [{
                                data: 'DT_RowIndex',
                                name: 'DT_RowIndex',
                                sortable: false
                            },
                            {
                                data: 'name',
                                name: 'name',
                                searchable: true,
                                orderable: false,
                                defaultContent: 'NA'
                            },
                            {
                                data: 'code',
                                name: 'code',
                                searchable: true,
                                orderable: false,
                                defaultContent: 'NA'
                            },
                            {
                                data: 'hsn',
                                name: 'hsn',
                                searchable: true,
                                orderable: false,
                                defaultContent: 'NA'
                            },
                            {
                                data: 'weight',
                                name: 'weight',
                                searchable: true,
                                orderable: false,
                                defaultContent: 'NA'
                            },
                            {
                                data: 'height',
                                name: 'height',
                                searchable: true,
                                orderable: false,
                                defaultContent: 'NA'
                            },
                            {
                                data: 'width',
                                name: 'width',
                                searchable: true,
                                orderable: false,
                                defaultContent: 'NA'
                            },
                            {
                                data: 'length',
                                name: 'length',
                                searchable: true,
                                orderable: false,
                                defaultContent: 'NA'
                            },
                            {
                                data: 'price',
                                name: 'price',
                                searchable: true,
                                orderable: false,
                                defaultContent: 'NA'
                            },
                            {
                                data: 'category.name',
                                name: 'category.name',
                                searchable: true,
                                orderable: false,
                                defaultContent: 'NA'
                            },
                            {
                                data: 'status',
                                name: 'status',
                                searchable: true,
                                orderable: false,
                                defaultContent: 'NA'
                            }
                        ],
                        select: {
                            style: 'multi',
                        },
                    });


                    let example2 = $("#categoryMasterDataTables").DataTable({
                        "language": {
                            "zeroRecords": "No record(s) found."
                        },
                        select: {
                            style: 'os',
                            selector: 'td:first-child'
                        },
                        order: [
                            [1, 'asc']
                        ],
                        processing: true,
                        serverSide: true,
                        lengthChange: true,
                        order: [0, 'asc'],
                        searchable: true,
                        bStateSave: false,

                        ajax: {
                            url: "{{ url('category-master') }}",
                            data: function(d) {

                            }
                        },

                        columns: [{
                                data: 'DT_RowIndex',
                                name: 'DT_RowIndex',
                                sortable: false
                            },
                            {
                                data: 'name',
                                name: 'name',
                                searchable: true,
                                orderable: false,
                                defaultContent: 'NA'
                            },
                            {
                                data: 'status',
                                name: 'status',
                                searchable: true,
                                orderable: false,
                                defaultContent: 'NA'
                            },
                        ],
                        select: {
                            style: 'multi',
                        },
                    });

                    $('#hsnExport').click(function() {
                        window.location = "{{ route('hsn-table-export') }}";
                    });

                    $('#productExport').click(function() {
                        window.location = "{{ route('product-table-export') }}";
                    });

                    $('#downLoadProductMasters').click(function() {
                        window.location = "{{ route('product-table-export') }}";
                    });

                    $('#categoryExport').click(function() {
                        window.location = "{{ route('category-table-export') }}";
                    });

                    $('#upload_hsn_master').on('submit', function(e) {
                        e.preventDefault();
                        // alert('aya');

                        $.ajax({
                            method: 'POST',
                            url: "{{ url('hsn-table-import') }}",
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            data: new FormData(this),
                            dataType: 'JSON',
                            contentType: false, // The content type used when sending data to the server.
                            cache: false, // To unable request pages to be cached
                            processData: false,
                            beforeSend: function() { // Before we send the request, remove the .hidden class from the spinner and default to inline-block.
                                $('#loader').removeClass('hidden');
                                $('body').addClass('no-scroll');
                            },
                            success: function(data) {
                                if (data.status == 'true') {

                                    swal({
                                            title: "Success",
                                            text: data.message,
                                            type: "success",

                                            closeOnConfirm: false,
                                            showLoaderOnConfirm: true,
                                        },
                                        function() {
                                            window.location.reload();
                                        });

                                } else {

                                    swal({

                                        title: "oops!",
                                        text: data.message,
                                        type: "error",
                                        closeOnConfirm: false,
                                        showLoaderOnConfirm: true,

                                    });

                                }

                            },
                            error: function() {
                                swal({
                                    title: "oops!",
                                    text: "Invalid Excel format",
                                    type: "error",
                                    closeOnConfirm: false,
                                    showLoaderOnConfirm: true,
                                });
                                console.log(`Failed`)
                            },
                            complete: function() { // Set our complete callback, adding the .hidden class and hiding the spinner.
                                $('#loader').addClass('hidden');
                                $('body').removeClass('no-scroll');
                            },
                        });

                    })
                     // product

                    $('#upload_product_master').on('submit', function(e) {
                        e.preventDefault();
                        // alert('aya');

                        $.ajax({
                            method: 'POST',
                            url: "{{ url('product-table-import') }}",
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            data: new FormData(this),
                            dataType: 'JSON',
                            contentType: false, // The content type used when sending data to the server.
                            cache: false, // To unable request pages to be cached
                            processData: false,
                            beforeSend: function() { // Before we send the request, remove the .hidden class from the spinner and default to inline-block.
                                $('#loader').removeClass('hidden');
                                $('body').addClass('no-scroll');
                            },
                            success: function(data) {
                                if (data.status == 'true') {

                                    swal({
                                            title: "Success",
                                            text: data.message,
                                            type: "success",

                                            closeOnConfirm: false,
                                            showLoaderOnConfirm: true,
                                        },
                                        function() {
                                            window.location.reload();
                                        });

                                } else {

                                    swal({

                                        title: "oops!",
                                        text: data.message,
                                        type: "error",
                                        closeOnConfirm: false,
                                        showLoaderOnConfirm: true,

                                    });

                                }

                            },
                            error: function() {
                                swal({
                                    title: "oops!",
                                    text: "Invalid Excel format",
                                    type: "error",
                                    closeOnConfirm: false,
                                    showLoaderOnConfirm: true,
                                });
                                console.log(`Failed`)
                            },
                            complete: function() { // Set our complete callback, adding the .hidden class and hiding the spinner.
                                $('#loader').addClass('hidden');
                                $('body').removeClass('no-scroll');
                            },
                        });

                    });


                    // Category Master
                    $('#upload_category_master').on('submit', function(e) {
                        e.preventDefault();
                        // alert('aya');

                        $.ajax({
                            method: 'POST',
                            url: "{{ url('category-table-import') }}",
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            data: new FormData(this),
                            dataType: 'JSON',
                            contentType: false, // The content type used when sending data to the server.
                            cache: false, // To unable request pages to be cached
                            processData: false,
                            beforeSend: function() { // Before we send the request, remove the .hidden class from the spinner and default to inline-block.
                                $('#loader').removeClass('hidden');
                                $('body').addClass('no-scroll');
                            },
                            success: function(data) {
                                if (data.status == 'true') {

                                    swal({
                                            title: "Success",
                                            text: data.message,
                                            type: "success",

                                            closeOnConfirm: false,
                                            showLoaderOnConfirm: true,
                                        },
                                        function() {
                                            window.location.reload();
                                        });

                                } else {

                                    swal({

                                        title: "oops!",
                                        text: data.message,
                                        type: "error",
                                        closeOnConfirm: false,
                                        showLoaderOnConfirm: true,

                                    });

                                }

                            },
                            error: function() {
                                swal({
                                    title: "oops!",
                                    text: "Invalid Excel format",
                                    type: "error",
                                    closeOnConfirm: false,
                                    showLoaderOnConfirm: true,
                                });
                                console.log(`Failed`)
                            },
                            complete: function() { // Set our complete callback, adding the .hidden class and hiding the spinner.
                                $('#loader').addClass('hidden');
                                $('body').removeClass('no-scroll');
                            },
                        });

                    })

    </script>
@endsection