@extends('layouts/pos_layout')
@section('title', '| Pos Day End')
@section('content')
    <style>
        .page-item.active .page-link {
            background-color: lightgrey !important;
            border: 1px solid black;
        }

        .page-link {
            color: black !important;
        }

        .select2-container {
            width: 170px !important;
        }

        div#datatable_info {
            display: none;
        }
    </style>
    <div class="row page-wrap">
        <div class="col-md-12">
            <div class="" style="">
                <div class=" ">
                    <div class="panel panel-default" style="background-color:#708090;">
                        <div class="panel-heading" style="padding-bottom:0px">
                            <div class="panel-title">
                                <h2>POS DAY END LIST</h2>
                            </div>
                            <div class="panel-options" style="display: inline-flex;">
                                <!-- {!! Form::select('branch_id', $data['branchList'], null, [
                                    'class' => 'form-control custom-select2',
                                    'id' => 'branch_id',
                                    'placeholder' => 'Select Branch',
                                    'required' => 'required',
                                ]) !!} -->
                                <a href="javascript:;" class="btn btn-info pull-right addViewBtn dayEnd-action">
                                    <i class="glyphicon glyphicon-plus-sign addIcon"></i>Execute Day End
                                </a>
                            </div>
                            {{-- <div class="panel-options" style="display: inline-flex;">
                                <a href="{{ url('pos/manualProcess/manualDayEndAndVoucherGenerateAllBranch/') }}"
                                    class="btn btn-info pull-right addViewBtn">
                                    <i class="glyphicon glyphicon-plus-sign addIcon"></i>Manual Day End & Day Back
                                </a>
                            </div> --}}
                        </div>

                        <div class="panel-body panelBodyView">
                            @php
                                if ($data['branchName']->name == 'Head Office') {
                                    $searchElements = [['element' => 'branchId'], ['element' => 'dateRange']];
                                } else {
                                    $searchElements = [['element' => 'dateRange']];
                                }

                            @endphp
                            @include('partials.searchPanel.main', ['searchElements' => $searchElements])

                            <table class="table table-striped table-bordered table-condensed first-col-dark" id="datatable"
                                style="width:100%">
                                <thead>
                                    <tr>
                                        <th class="text-center  sorting_1" rowspan="2">SL#</th>
                                        <th class="text-center" rowspan="2">DATE</th>
                                        <th rowspan="2">BRANCH NAME</th>
                                        <th rowspan="2">DAY END TYPE</th>
                                        <th colspan="2">EXECUTED BY</th>
                                        <th class="text-center" rowspan="2">EXECUTION DATE & TIME</th>
                                        <th class="text-center" rowspan="2">ACTION</th>

                                    </tr>
                                    <tr>
                                        <th class="text-center  sorting_1">NAME</th>
                                        <th class="text-center">DESIGNATION</th>
                                    </tr>
                                </thead>
                                <tbody id="tableBodySection">

                                </tbody>

                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        $(document).ready(function() {

            var dataTable = $('#datatable').DataTable({
                "paging": false,
                "sDom": "ltipr", // For removeing default Search bar //
                "processing": true,
                "serverSide": true,
                "ordering": false,


                "ajax": {
                    "url": "{{ Request::url() }}",
                    "type": "POST",
                    "beforeSend": function() {
                        $('#loadingModal').show();

                    },
                    "data": function(d) {
                        var inputs = {};
                        $.each($('form').serializeArray(), function() {
                            inputs[this.name] = this.value;
                        });
                        d.filter = inputs;
                    }
                },
                "drawCallback": function(settings) {
                    $('#loadingModal').hide();
                },

                "columns": [{
                        "data": "sl"
                    },
                    {
                        "data": "branch_date",
                        className: "text-center"
                    },
                    {
                        "data": "branch_name"
                    },
                    {
                        "data": "type",
                        className: "text-center"
                    },
                    {
                        "data": "executed_by"
                    },
                    {
                        "data": "emp_designation"
                    },
                    {
                        "data": "creationTime"
                    },
                    {
                        "data": "id",
                        className: "text-center"
                    }
                ],

                "columnDefs": [{
                    "targets": -1,
                    "data": "id",
                    "render": function(data, type, row, meta) {
                        var activedate = "{{ $data['branch_active_date'] }}";
                        var role = "{{ $data['roletype'] }}";


                        /*if ((role == 'Superadmin' || role == 'Support Manager' || role ==
                                'Admin') && (row.branch_date == row.MaxDate)) {
                            return '<a href="javascript:;" data-id=' + data +
                                ' data-date=' + row.branch_date +
                                ' data-branch=' + row.branchId +
                                ' class="btn btn-xs btn-danger delete-action"><i class="fa fa-trash" aria-hidden="true"></i></a>';
                        } else {
                            return '';
                        }*/

                        if ((row.checkAccessTrueFalse == true) && (row.branch_date == row.MaxDate)) {
                            return '<a href="javascript:;" data-id=' + data +
                                ' data-date=' + row.branch_date +
                                ' data-branch=' + row.branchId +
                                ' class="btn btn-xs btn-danger delete-action"><i class="fa fa-trash" aria-hidden="true"></i></a>';
                        } else {
                            return '';
                        }
                    }
                }]


            });

            $("#searchForm").submit(function(e) {
                e.preventDefault();
                dataTable.draw();
            });



            //delete function
            $(document).on('click', '.delete-action', function() {

                Swal.fire({
                    title: 'Are you sure?',
                    text: "Once delete you won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#7e7979',
                    confirmButtonText: 'Yes, delete it!'
                }).then((result) => {
                    if (result.isConfirmed) {

                        $.ajax({
                            type: 'post',
                            url: '{{ Request::url() }}/delete',
                            data: {
                                '_token': $('input[name=_token]').val(),
                                'id': $(this).data('id'),
                                'date': $(this).data('date'),
                                'branchId': $(this).data('branch'),
                            },
                            beforeSend: function() {
                                $('#loadingModal').show();
                            },
                            success: function(_response) {
                                $('#loadingModal').hide();
                                if (_response.responseTitle == 'success') {
                                    Swal.fire({
                                        icon: 'success',
                                        title: 'Deleted!',
                                        text: _response.responseText,
                                        showConfirmButton: false,
                                        timer: 1500
                                    })

                                    setTimeout(function() {
                                        dataTable.ajax.reload();
                                    }, 1000);

                                    var branch = "{{ $data['branchName']->name }}";
                                    if ((branch != 'Head Office')) {
                                        setTimeout(function() {
                                            window.location.reload(1);
                                        }, 1000);
                                    }



                                } else {
                                    Swal.fire({
                                        icon: 'error',
                                        title: 'Failed to delete!',
                                        text: _response.responseText,
                                        showConfirmButton: true,
                                    })
                                }



                            }
                        });



                    }
                })


            });


            //day end function
            $(document).on('click', '.dayEnd-action', function() {

                <br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/tools/dayEnd/index.blade copy.php</b> on line <b>266</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/tools/dayEnd/index.blade copy.php</b> on line <b>266</b><br />
<br />
<b>Warning</b>:  Attempt to read property "name" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/tools/dayEnd/index.blade copy.php</b> on line <b>266</b><br />
                var branceId = '{{ Auth::user()->branchId }}'
                
                if (branceId == "") {
                    Swal.fire({
                        icon: 'error',
                        title: 'Warning!',
                        text: 'Please select Branch First',
                        showConfirmButton: true,
                        confirmButtonColor: '#d33',

                    })
                    return false;
                }

                Swal.fire({
                    title: 'Are you sure?',
                    text: "Once done you won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3377dd',
                    cancelButtonColor: '#7e7979',
                    confirmButtonText: 'Yes, do it!'
                }).then((result) => {
                    if (result.isConfirmed) {


                        $.ajax({
                            type: 'post',
                            url: '{{ Request::url() }}/action',
                            data: {
                                '_token': $('input[name=_token]').val(),
                                'id': branceId
                            },
                            beforeSend: function() {
                                $('#loadingModal').show();

                            },
                            success: function(_response) {
                                $('#loadingModal').hide();
                                if (_response.responseTitle == 'success') {
                                    Swal.fire({
                                        icon: 'success',
                                        title: 'Success!',
                                        text: _response.responseText,
                                        showConfirmButton: false,
                                        timer: 1500
                                    })

                                    setTimeout(function() {
                                        dataTable.ajax.reload();
                                    }, 1000);

                                    var branch = "{{ $data['branchName']->name }}";
                                    if ((branch != 'Head Office')) {
                                        setTimeout(function() {
                                            window.location.reload(1);
                                        }, 1000);
                                    }

                                } else {
                                    Swal.fire({
                                        icon: 'error',
                                        title: 'Failed to day end!',
                                        text: _response.responseText,
                                        showConfirmButton: true,
                                    })
                                }



                            }
                        });



                    }
                })


            });

        });
    </script>
@endsection