@extends('layouts.app')
@section('title')
Withdraw - Return
@endsection
@push('styles')
<link href="../assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link href="../assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
<link href="../assets/custom.css">
@endpush

@section('content')
<!-- BEGIN page-header -->
<h1 class="page-header">Withdraw - Return</h1>
<!-- END page-header -->

<!-- BEGIN panel -->
<div class="panel panel-inverse">
    <div class="panel-body">
        <a href="{{route('addwithdraw')}}" class="btn btn-primary mb-2">Withdraw Material</a>
        <div class="table-responsive">
            <table id="withdraw_return_table" class="table table-striped table-bordered align-middle nowrap w-100">
                <thead>
                    <tr>
                        <th></th>
                        <th>Created Date</th>
                        <th>Shipping Type</th>
                        <th>Job Name</th>
                        <th>Status</th>
                        <th>Withdraw Date</th>
                        <th>Withdraw Amount</th>
                        <th>Return Date</th>
                        <th>Return Amount</th>
                        <th>Receive Address</th>
                        <th>Withdraw By</th>
                        <th>Return By</th>
                        <th>Created Date</th>
                        <th>Updated Date</th>
                    </tr>
                </thead>
                <tbody>

                </tbody>
                <tfoot>
                    <tr>
                        <th></th>
                        <th>Created Date</th>
                        <th>Shipping Type</th>
                        <th>Job Name</th>
                        <th>Status</th>
                        <th>Withdraw Date</th>
                        <th>Withdraw Amount</th>
                        <th>Return Date</th>
                        <th>Return Amount</th>
                        <th>Receive Address</th>
                        <th>Withdraw By</th>
                        <th>Return By</th>
                        <th>Created Date</th>
                        <th>Updated Date</th>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>
<!-- END panel -->

@include('modals.materialadd')
@include('modals.materialedit')
@endsection

@push('scripts')
<script src="../assets/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="../assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
<script src="../assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="../assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script>

<script>
$('#withdraw_return_table tfoot th').each( function (index,element) {
    var title = $(this).text();

    if(index ==  0 || index ==  2 || index == 4){}
    else{
        $(this).html( '<input class="form-control" style="min-width:150px;" type="text" placeholder="Search '+title+'" />' );
    }
} );
$('#withdraw_return_table').DataTable({
        pageLength: 10,
        lengthMenu: [5, 10, 20, 50],
        order: [[4,'asc'],[ 1, "desc" ]],
        search: {
            return: true,
        },
        columns: [
            {data:'id',name:'material_withdraw_return.id',
                render: function ( data, type, row, meta ) {
                    var html = `<a href="/withdrawreturndetail/`+data+`" class="btn btn-info btn-sm "><i class="fa fa-list"></i> Detail</a>`;
                    if(row.status == 1){
                        @can('withdraw-confirm')
                        html += `<a href="javascript:void(0)" onclick="confirmwithdraw(`+data+`)" class="btn btn-primary btn-sm "><i class="fa fa-check"></i> Withdraw Confirm</a>`;
                        @endcan
                        html += `<a href="javascript:void(0)" onclick="deletewithdraw(`+data+`)" class="btn btn-danger btn-sm "><i class="fa fa-check"></i> Delete</a>`;
                    }else if(row.status == 2){
                        html += `<a href="/withdrawreturndetail/`+data+`" class="btn btn-success btn-sm "><i class="fa fa-edit"></i> Return</a>`;
                    }else if(row.status == 3){
                        @can('return-confirm')
                        html += `<a href="javascript:void(0)" onclick="confirmreturn(`+data+`)" class="btn btn-primary btn-sm "><i class="fa fa-check"></i> Return Confirm</a>`;
                        @endcan
                    }


                    return html;

                },searchable: false,orderable:false
            },
            {data:'created_at',name:'material_withdraw_return.created_at',searchable: true,orderable:true},
            {data:'shipping_type',name:'material_withdraw_return.shipping_type',
                render: function(data,type,row,meta){
                    if(type == 'display'){
                        var html ='';
                        if(data == 1){
                            html = `Manufacturing`
                        }
                        else if(data == 2){
                            html = `AIS accept by itself`
                        }
                        else if(data == 3){
                            html = `Shipping to AIS`
                        }
                        else if(data == 4){
                            html = `Wrong stock count from vendor`
                        }
                        return html;
                    }
                    return data;
                },searchable:true,orderable:true
            },
            {data:'jobid',name:'job.job_name',searchable: true,orderable:true},
            {data:'status',name:'material_withdraw_return.status',
                render: function(data,type,row,meta){
                    var html = '';
                    if(row.status == 1){
                        html = `<span class="badge bg-warning">{{trans('custom.stock.withdrawreturn.1')}}</span>`
                    }
                    else if(row.status == 2){
                        html = `<span class="badge bg-success">{{trans('custom.stock.withdrawreturn.2')}}</span>`
                    }
                    else if(row.status == 3){
                        html = `<span class="badge bg-warning">{{trans('custom.stock.withdrawreturn.3')}}</span>`
                    }
                    else if(row.status == 4){
                        html = `<span class="badge bg-success">{{trans('custom.stock.withdrawreturn.4')}}</span>`
                    }
                    return html;
                },searchable: true,orderable:true
            },
            {data:'withdraw_date',name:'material_withdraw_return.withdraw_date',searchable: true,orderable:true},
            {data:'total_withdraw_amount',name:'material_withdraw_return.total_withdraw_amount',render:function(data,type,row,meta){
                if(type == "display"){
                        return numberWithCommas(data);
                    }
                return data;
            },searchable: true,orderable:true},
            {data:'return_date',name:'material_withdraw_return.return_date',searchable: true,orderable:true},
            {data:'total_return_amount',name:'material_withdraw_return.total_return_amount',render:function(data,type,row,meta){
                if(type == "display"){
                        return numberWithCommas(data);
                    }
                return data;
            },searchable: true,orderable:true},
            {data:'receiver_address',name:'material_withdraw_return.receiver_address',searchable: true,orderable:true},
            {data:'withdrawusername',name:'withdraw.username',searchable: true,orderable:true},
            {data:'returnusername',name:'return.username',searchable: true,orderable:true},
            {data:'created_at',name:'material_withdraw_return.created_at',searchable: true,orderable:true},
            {data:'updated_at',name:'material_withdraw_return.updated_at',searchable: true,orderable:true},

        ],
        processing: true,
        serverSide: true,
        ajax: {
            url: "{{route('withdrawreturndatatable')}}",
            type: 'post',
            data: function (d) {

            },
        },
        initComplete: function () {

                this.api().columns([2]).every( function ()
                {
                    var column = this;
                    var select = $('<select class="form-select" style="min-width:150px;"><option value="">Search '+column.header().textContent+'</option></select>')
                        .appendTo( $(column.footer()).empty() )
                        .on( 'change', function () {
                            var val = $.fn.dataTable.util.escapeRegex($(this).val());

                            column.search( val ? val: '', true, false ).draw();

                        });

                        select.append( `
                        <option value="1">{{trans('custom.stock.shippingtype.1')}}</option>
                        <option value="2">{{trans('custom.stock.shippingtype.2')}}</option>
                        <option value="3">{{trans('custom.stock.shippingtype.3')}}</option>
                        <option value="4">{{trans('custom.stock.shippingtype.4')}}</option>
                        ` );

                });
                this.api().columns([4]).every( function ()
                {
                    var column = this;
                    var select = $('<select class="form-select" style=""><option value="">Search '+column.header().textContent+'</option></select>')
                        .appendTo( $(column.footer()).empty() )
                        .on( 'change', function () {
                            var val = $.fn.dataTable.util.escapeRegex($(this).val());

                            column.search( val ? val: '', true, false ).draw();

                        });

                        select.append( `
                        <option value="1">{{trans('custom.stock.withdrawreturn.1')}}</option>
                        <option value="2">{{trans('custom.stock.withdrawreturn.2')}}</option>
                        <option value="3">{{trans('custom.stock.withdrawreturn.3')}}</option>
                        <option value="4">{{trans('custom.stock.withdrawreturn.4')}}</option>
                        <option value="50">{{trans('custom.stock.withdrawreturn.50')}}</option>
                        <option value="99">{{trans('custom.stock.withdrawreturn.99')}}</option>
                        ` );

                });

                this.api()
                .columns([1,3,5,6,7,8,9,10,11,12])
                .every(function () {
                    var that = this;

                    $('input', this.footer()).on('keypress', function (e) {
                        if (that.search() !== this.value && e.key === "Enter") {
                            that.search(this.value).draw();
                        }
                    });
                });

        },
});

function confirmwithdraw(id){
                    Swal.fire({
                                title: 'Are yout sure to confirm?',
                                text: 'If Confirmed can not edit information. ',
                                icon: 'warning',
                                showCancelButton: true,
                                confirmButtonColor: '#3085d6',
                                cancelButtonColor: '#d33',
                                confirmButtonText: 'Confirm',
                                reverseButtons:true,
                            }).then((result) => {
                                if (result.value) {
                                    Swal.fire({
                                        title: 'Please Wait..!',
                                        text: 'Is working..',
                                        allowOutsideClick: false,
                                        allowEscapeKey: false,
                                        allowEnterKey: false,
                                        didOpen: () => {
                                            swal.showLoading()
                                        }
                                    })
                                    $.ajaxSetup({
                                        headers: {
                                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                        }
                                    });
                                    $.ajax({
                                        url:"{{route('confirmwithdraw')}}",
                                        method:"POST",
                                        data:{'id':id},
                                        beforeSend:function(){

                                        },
                                        success:function(response){
                                            if(response.response == 'success'){
                                                window.location.reload();
                                            }else{
                                                Swal.fire(
                                                'Error!!',
                                                response.error,
                                                'error'
                                                )
                                            }

                                        },
                                        error:function(response){
                                            Swal.fire(
                                            'Error!!',
                                            'Contract Admin',
                                            'error'
                                            )
                                        }
                                    });
                                }
                            })

  }

  function confirmreturn(id){
                    Swal.fire({
                                title: 'Are yout sure to confirm?',
                                text: 'If Confirmed can not edit information. ',
                                icon: 'warning',
                                showCancelButton: true,
                                confirmButtonColor: '#3085d6',
                                cancelButtonColor: '#d33',
                                confirmButtonText: 'Confirm',
                                reverseButtons:true,
                            }).then((result) => {
                                if (result.value) {
                                    $.ajaxSetup({
                                        headers: {
                                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                        }
                                    });
                                    $.ajax({
                                        url:"{{route('confirmreturn')}}",
                                        method:"POST",
                                        data:{'id':id},
                                        success:function(response){
                                            window.location.reload();
                                        },
                                        error:function(response){
                                        }
                                    });
                                }
                            })

  }

  function deletewithdraw(id){
                    Swal.fire({
                            title: 'Are yout sure to delete?',
                            text: 'If Confirmed can not restore information. ',
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: 'Delete',
                            reverseButtons:true,
                            }).then((result) => {
                                if (result.value) {
                                    $.ajaxSetup({
                                        headers: {
                                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                        }
                                    });
                                    $.ajax({
                                        url:"{{route('deletewithdraw')}}",
                                        method:"POST",
                                        data:{'id':id},
                                        success:function(response){
                                            window.location.reload();
                                        },
                                        error:function(response){
                                        }
                                    });
                                }
                            })

  }


</script>
@endpush