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

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

    </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>{!! $data['pageTitle'] !!}</h2>
                    </div>
                    <div class="panel-options">
                        <a href="{{ route($data['module'].'_create') }}" class="btn btn-info pull-right addViewBtn">
                            <i class="glyphicon glyphicon-plus-sign addIcon"></i>{{ $data['addBtnLabel'] }}
                        </a>
                    </div>
                </div>

                <div class="panel-body panelBodyView">
                    @php
                       $searchElements = [
                                ['element' => 'report_level'],
                                ['element' => 'branchId'],
                                ['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 width="5%" class="text-center  sorting_1">SL#</th>
                                <th width="10" class="text-center  sorting_1">Transfer Requisition Date</th>
                                <th width="10" class="text-center">Transfer Requisition Bill No</th>
                                <th width="10" class="text-center">Requisition Branch</th>
                                <th width="10" class="text-center">Requisition To</th>
                                <th width="10" class="text-center">Total Quantity</th>
                                <th width="10" class="text-center">Total Amount</th>
                                <th width="10" class="text-center">Status</th>
                                @if( $data['roletype'] == 'Area Manager' || $data['roletype'] == 'Zonal Manager' || $data['roletype'] == 'Head Office')
                                <th width="10" class="text-center">Zone/Area Status</th>
                                @endif

                                <th width="10"  class="text-center">Action</th>
                            </tr>
                        </thead>
                        <tbody id="tableBodySection">

                        </tbody>

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

    <script>
        $(document).ready(function() {
            var roletype = '{{ $data["roletype"] }}';

            if( roletype == 'Zonal Manager' || roletype == 'Area Manager' || roletype == 'Head Office' ){
                var columnaray = [{
                        "data": "sl"
                    },
                    {
                        "data": "requisitionDate",
                        className: "text-center"
                    },
                    {
                        "data": "requisitionBillNo"
                    },
                    {
                        "data": "fromBranch",
                        className: "text-align-left"
                    },
                    {
                        "data": "toBranch",
                        className: "text-align-left"
                    },
                    {
                        "data": "totalQuantity",
                        className: "text-align-center"
                    },
                    {
                        "data": "totalAmount",
                        className: "text-align-right"
                    },
                    {
                        "data": "branch_user_approved_status",
                        className: "text-align-center"
                    },

                    {
                        "data": "manager_approved_val",
                        className: "text-align-center"
                    },
                    {
                        "data": "id",
                        className: "text-center"
                    }
                ]
            }else{
                var columnaray = [{
                        "data": "sl"
                    },
                    {
                        "data": "requisitionDate",
                        className: "text-center"
                    },
                    {
                        "data": "requisitionBillNo"
                    },
                    {
                        "data": "fromBranch",
                        className: "text-align-left"
                    },
                    {
                        "data": "toBranch",
                        className: "text-align-left"
                    },
                    {
                        "data": "totalQuantity",
                        className: "text-align-center"
                    },
                    {
                        "data": "totalAmount",
                        className: "text-align-right"
                    },
                    {
                        "data": "branch_user_approved_status",
                        className: "text-align-center"
                    },
                    {
                        "data": "id",
                        className: "text-center"
                    }
                ]
            }


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

                "ajax": {
                    "url": "{{ Request::url() }}",
                    "type": "POST",
                    "data": function(d) {
                        var inputs = {};
                        $.each($('form').serializeArray(), function() {
                            inputs[this.name] = this.value;
                        });
                        d.filter = inputs;
                    }
                },

                "columns": columnaray,

                "columnDefs": [{
                    "targets": -1,
                    "data": "id",
                    "render": function(data, type, row, meta) {
                        var html = '';
                        var activedate = "{{ $data['branch_active_date'] }}";
                        var branchname = "{{ $data['branchName']->name }}";




                        // if(row.requisitionDate == activedate){
                        // html += '<a href="{{ Request::url() }}/approve/' + data +
                        //     '" class="btn btn-xs btn-info"><i class="fa fa-check" style="color:'+row.manager_approved_color+'" aria-hidden="true"></i>"'+row.requisitionDate+' '+activedate+'"</a>';
                            if(row.isTransactionApproveStatus == 'true'){
                                if (row.isAllowForward == true) {
                                    html += '<a href="{{ Request::url() }}/approve/' + data +
                                    '" class="btn btn-xs btn-info" title="Approval for(Zonal/Area)"><i class="fa fa-check" style="color:'+row.manager_approved_color+'" aria-hidden="true"></i></a>';
                                }
                            }

                            if(row.branchUserApproval == true){
                                 html += '<a href="{{ Request::url() }}/pid-posting/' + data +
                                '" class="btn btn-xs btn-info" title="Pid Posting for(User)"><i class="fa fa-check" style="color:'+row.branch_user_approved_color+'" aria-hidden="true"></i></a>';
                            }

                            html += '<a href="{{ Request::url() }}/view/' + data +
                                '" class="btn btn-xs btn-info" title="Transfer Requisition View"><i class="fa fa-eye" aria-hidden="true"></i></a>';

                            // if (row.manager_approved == 'pending') {
                            if (row.isDeleteTransferRequisition == true) {
                                //html += '<a href="{{ Request::url() }}/edit/' + data +
                                //'" class="btn btn-xs btn-info" title="Transfer Requisition Edit"><i class="fa fa-edit" aria-hidden="true"></i></a>';

                                html += '<a href="javascript:;" data-id=' + data +
                                        ' class="btn btn-xs btn-danger delete-action" title="Transfer Requisition Delete"><i class="fa fa-trash" aria-hidden="true"></i></a>';
                            }

                            // if(roletype == 'Branch User' && branchname == row.fromBranch && row.status != 1 ){
                            //     html += '<a href="{{ Request::url() }}/approve/' + data +
                            //     '" class="btn btn-xs btn-info"><i class="fa fa-eye" aria-hidden="true"></i></a>\
                            //     <a href="javascript:;" data-id=' + data +
                            //     ' class="btn btn-xs btn-danger delete-action"><i class="fa fa-trash" aria-hidden="true"></i></a>';
                            // }
                            // else if(roletype == 'Head Office' ){
                            //     html += '<a href="{{ Request::url() }}/approve/' + data +
                            //     '" class="btn btn-xs btn-info"><i class="fa fa-eye" aria-hidden="true"></i></a>\
                            //     <a href="javascript:;" data-id=' + data +
                            //     ' class="btn btn-xs btn-danger delete-action"><i class="fa fa-trash" aria-hidden="true"></i></a>';
                            // }else{
                            //     html += '<a href="{{ Request::url() }}/approve/' + data +
                            // '" class="btn btn-xs btn-info"><i class="fa fa-eye" aria-hidden="true"></i></a>';
                            // }

                        // }else{
                        //     // html += '<a href="{{ Request::url() }}/approve/' + data +
                        //     // '" class="btn btn-xs btn-info"><i class="fa fa-eye" aria-hidden="true"></i></a>';
                        //     html += '<a href="{{ Request::url() }}/view/' + data +
                        //         '" class="btn btn-xs btn-info" title="Transfer Requisition View"><i class="fa fa-eye" aria-hidden="true"></i></a>';
                        // }


                        return html;

                    }
                }]


            });

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



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

            if(hasAccess('pos/transferRequisition/delete')){

                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')
                        },
                        success: function(_response) {
                          if(_response.responseTitle == 'success') {
                            Swal.fire({
                              icon: 'success',
                              title: 'Deleted!',
                              text: 'This data has been deleted.',
                              showConfirmButton: false,
                              timer: 1500
                            })

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


                          }
                          else {
                            Swal.fire({
                              icon: 'error',
                              title: 'Failed to delete!',
                              text: 'This data has not been deleted.',
                              showConfirmButton: true,
                            })
                          }


                          // setTimeout(function(){
                          //   window.location.reload(1);
                          // }, 1000);
                        }
                    });



                  }
                })
            }else {
                Swal.fire({
                icon: 'error',
                title: 'Failed to delete!',
                text: 'This data has not been deleted. you have no access',
                showConfirmButton: true,
                })
            }


            });

        });
    </script>
@endsection