@extends('admin::curd.index')
@section('heading')
    <i class="fa fa-file-text-o"></i> {!! trans('assets::asset_transfer.name') !!} <small> {!! trans('cms.manage') !!} {!! trans('assets::asset_transfer.names') !!}</small>
@stop

@section('title')
    {!! trans('assets::asset_transfer.names') !!}
@stop

@section('breadcrumb')
    <ol class="breadcrumb">
        <li><a href="{!! trans_url('admin') !!}"><i class="fa fa-dashboard"></i> {!! trans('cms.home') !!} </a></li>
        <li class="active">{!! trans('assets::asset_transfer.names') !!}</li>
    </ol>
@stop

@section('entry')
    <div class="box box-warning" id='assets-asset_transfer-entry'>
    </div>
@stop

@section('tools')
@stop

@section('content')
    <div class="table-responsive">
        <table id="assets-asset_transfer-list" class="table table-striped data-table">
            <thead class="list_head">
                <th>
                    <div class="reset" style="display:none;"></div>
                </th>
                <th>{!! trans('assets::asset_transfer.label.ref') !!}</th>
                <th>Transfer Date</th>
                <th>{!! trans('assets::asset_transfer.label.transfer_status') !!}</th>
                <th>Status</th>
                <th>{!! trans('assets::asset_transfer.label.transfer_type') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.returnable_date') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.supplier_id') !!}</th>
                <th>Created By</th>
                <th>{!! trans('assets::asset_transfer.label.issue_approved_by') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.issue_approved_date') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.issue_approved_remarks') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.admin_approved_by') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.admin_approved_date') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.admin_approved_remarks') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.security_approved_by') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.security_approved_date') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.security_approved_remarks') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.issue_company_id') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.issue_division_id') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.issue_block_id') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.issue_section_id') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.issue_location_id') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.issue_sublocation_id') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.receving_company_id') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.receving_division_id') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.receving_block_id') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.receving_section_id') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.receving_location_id') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.receving_sublocation_id') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.received_by') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.received_approved_by') !!}</th>
                <th>{!! trans('assets::asset_transfer.label.received_approved_date') !!}</th>
            </thead>
            <thead class="search_bar">
                <th>
                    <div class="reset" style="display:none;"><a id="resetnow" class="headpicture"
                            style="cursor:pointer;"><i class="fa fa-refresh" style="color:#000;"></i></a></div>
                </th>
                <th>{!! Form::text('search[id]')->raw() !!}</th>
                {{-- <th>{!! Form::text('search[created_at][min]')->addClass('datepick')->placeholder('Min')->style('width: 40%;')->value('01 Jan, 2000')->id('ser_pur_min') ->raw()!!}
            {!! Form::text('search[created_at][max]')->addClass('datepick')->style('width: 40%;')->placeholder('Max')->value(date('d M, Y'))->id('ser__max')->raw()!!}</th> --}}
                <th></th>
                <th>{!! Form::select('search[transfer_status]')->options(['' => 'All'] + trans('assets::asset_transfer.options.transfer_status'))->raw() !!}</th>
                <th>{!! Form::select('search[asset_transfers.status]')->options(['' => 'All'] + trans('assets::asset_transfer.options.status'))->raw() !!}</th>
                <th>{!! Form::select('search[transfer_type]')->options(['' => 'All'] + trans('assets::asset_transfer.options.transfer_type'))->id('search_transfer_type')->raw() !!}</th>
                <th></th>
                <th>{!! Form::select('search[supplier_id]')->options(['' => 'All'] + Supplier::allSuppliers())->id('search_supplier')->raw() !!}</th>
                <th>{!! Form::select('search[user_id]')->options(['' => 'All'] + Company::users())->id('search_user_id')->raw() !!}</th>
                <th>{!! Form::select('search[issue_approved_by]')->options(['' => 'All'] + Company::users())->id('search_users')->raw() !!}</th>
                <th></th>
                <th></th>
                <th>{!! Form::select('search[admin_approved_by]')->options(['' => 'All'] + Company::users())->id('search_users3')->raw() !!}</th>
                <th></th>
                <th></th>
                <th>{!! Form::select('search[security_approved_by]')->options(['' => 'All'] + Company::users())->id('search_users4')->raw() !!}</th>
                <th></th>
                <th></th>
                <th>{!! Form::select('search[issue_company_id]')->options(['' => 'All'] + Company::companies())->id('search_issue_company')->raw() !!}</th>
                <th>{!! Form::select('search[issue_division_id]')->options(['' => 'All'] + Company::divisions())->id('search_issue_division')->raw() !!}</th>
                <th>{!! Form::select('search[issue_block_id]')->options(['' => 'All'] + Block::allBlocks())->id('search_issue_block')->raw() !!}</th>
                <th>{!! Form::select('search[issue_section_id]')->options(['' => 'All'] + [])->id('search_issue_section')->raw() !!}</th>
                <th>{!! Form::select('search[issue_location_id]')->options(['' => 'All'] + Location::allLocations())->id('search_issue_location')->raw() !!}</th>
                <th>{!! Form::select('search[asset_transfers.issue_sublocation_id]')->options(['' => 'All'] + [])->id('search_issue_sublocation')->raw() !!}</th>


                <th>{!! Form::select('search[receving_company_id]')->options(['' => 'All'] + Company::companies())->id('search_receving_company_id')->raw() !!}</th>
                <th>{!! Form::select('search[receving_division_id]')->options(['' => 'All'] + Company::divisions())->id('search_receving_division_id')->raw() !!}</th>
                <th>{!! Form::select('search[receving_block_id]')->options(['' => 'All'] + Block::allBlocks())->id('search_receving_block')->raw() !!}</th>
                <th>{!! Form::select('search[receving_section_id]')->options(['' => 'All'] + [])->id('search_receving_section')->raw() !!}</th>
                <th>{!! Form::select('search[receving_location_id]')->options(['' => 'All'] + Location::allLocations())->id('search_receving_location')->raw() !!}</th>
                <th>{!! Form::select('search[asset_transfers.receving_sublocation_id]')->options(['' => 'All'] + [])->id('search_receving_sublocation')->raw() !!}</th>

                <th>{!! Form::select('search[received_by]')->options(['' => 'All'] + Company::users())->id('search_users1')->raw() !!}</th>
                <th>{!! Form::select('search[received_approved_by]')->options(['' => 'All'] + Company::users())->id('search_users2')->raw() !!}</th>
                {{-- <th>{!! Form::text('search[received_approved_date]')->id('search_employee')->raw()!!}</th> --}}
                <th></th>
            </thead>
        </table>
    </div>
@stop

@section('script')
    <script type="text/javascript">
        var oTable;
        $(document).ready(function() {

            $(".datepick").pickadate({
                format: 'dd mmm, yyyy',
                formatSubmit: 'yyyy-mm-dd',
                hiddenSuffix: '',
                selectMonths: true,
                selectYears: true
            }).prop('type', 'text');

            let searchParams = new URLSearchParams(window.location.search)
            if (searchParams.get('id')) {
                app.load('#assets-asset_transfer-entry', '{!! trans_url('admin/assets/transfer') !!}'+'/'+searchParams.get('id'));
            }
            else if(searchParams.get('asset_id')){
            app.load('#assets-asset_transfer-entry', '{!! trans_url('admin/assets/transfer/create') !!}');
            }
            else
            {
                app.load('#assets-asset_transfer-entry', '{!! trans_url('admin/assets/transfer/0') !!}');
            }
            oTable = $('#assets-asset_transfer-list').dataTable({
                "bProcessing": true,
                "sDom": 'R<>rt<ilp><"clear">',
                "bServerSide": true,
                "sAjaxSource": '{!! trans_url('/admin/assets/transfer') !!}',
                "fnServerData": function(sSource, aoData, fnCallback) {

                    $('#assets-asset_transfer-list .search_bar input, #assets-asset_transfer-list .search_bar select')
                        .each(
                            function() {
                                aoData.push({
                                    'name': $(this).attr('name'),
                                    'value': $(this).val()
                                });
                            }
                        );
                    app.dataTable(aoData);
                    $.ajax({
                        'dataType': 'json',
                        'data': aoData,
                        'type': 'GET',
                        'url': sSource,
                        'success': fnCallback
                    });
                },

                "columns": [
                    {
                        data: 'dresets'
                    },
                    {
                        data: 'ref'
                    },
                    {
                        data: 'created_at'
                    },
                    {
                        data: 'transfer_status'
                    },
                    {
                        data: 'status'
                    },
                    {
                        data: 'transfer_type'
                    },
                    {
                        data: 'returnable_date'
                    },
                    {
                        data: 'supplier_id'
                    },
                    {
                        data: 'user_id'
                    },
                    {
                        data: 'issue_approved_by'
                    },
                    {
                        data: 'issue_approved_date'
                    },
                    {
                        data: 'issue_approved_remarks'
                    },
                    {
                        data: 'admin_approved_by'
                    },
                    {
                        data: 'admin_approved_date'
                    },
                    {
                        data: 'admin_approved_remarks'
                    },
                    {
                        data: 'security_approved_by'
                    },
                    {
                        data: 'security_approved_date'
                    },
                    {
                        data: 'security_approved_remarks'
                    },
                    {
                        data: 'issue_company_id'
                    },
                    {
                        data: 'issue_division_id'
                    },
                    {
                        data: 'issue_block_id'
                    },
                    {
                        data: 'issue_section_id'
                    },
                    {
                        data: 'issue_location_id'
                    },
                    {
                        data: 'issue_sublocation_id'
                    },
                    {
                        data: 'receving_company_id'
                    },
                    {
                        data: 'receving_division_id'
                    },
                    {
                        data: 'receving_block_id'
                    },
                    {
                        data: 'receving_section_id'
                    },
                    {
                        data: 'receving_location_id'
                    },
                    {
                        data: 'receving_sublocation_id'
                    },
                    {
                        data: 'received_by'
                    },
                    {
                        data: 'received_approved_by'
                    },
                    {
                        data: 'received_approved_date'
                    },


                ],
                "pageLength": 25
            });

            $("#resetnow").click(function() {
                $('.search_bar input, .search_bar select').each(function() {
                    $(this).val('');
                })                

                oTable
                    .api().draw();
                $(".reset").css({
                    'display': 'none'
                });
            });
            $('.search_bar').change(function() {
                $(".reset").css({
                    'display': 'inline'
                });
                return;
            });

            $('#assets-asset_transfer-list tbody').on('click', 'tr', function() {
                const url = window.location.origin + window.location.pathname;
                window.history.replaceState(null, '', url);

                oTable.$('tr.selected').removeClass('selected');
                $(this).addClass('selected');

                var d = $('#assets-asset_transfer-list').DataTable().row(this).data();
                $('#assets-asset_transfer-entry').load('{!! trans_url('admin/assets/transfer') !!}' + '/' + d.id);
            });

            $("#assets-asset_transfer-list .search_bar input, #assets-asset_transfer-list .search_bar select").on(
                'keyup select',
                function(e) {
                    e.preventDefault();
                    if (e.keyCode == 13 || e.keyCode == 9) {
                        oTable.api().draw();
                    }
                });

            $("#assets-asset_transfer-list .search_bar select").on('change', function(e) {
                e.preventDefault();
                oTable.api().draw();
            });

            $("#assets-asset_transfer-list-entry .search_bar select,.datepick").on('change', function(e) {
                e.preventDefault();
                oTable.api().draw();
            });

            $("#search_issue_company,#search_issue_division,#search_issue_block,#search_issue_section").change(
                function() {
                    if ($("#search_issue_company").val() != '' && $("#search_issue_division option:selected")
                        .val() != '' && $("#search_issue_block option:selected").val() != '' && $(
                            "#search_issue_section option:selected").val() != '') {
                        var company = $("#search_issue_company").val();
                        var division = $("#search_issue_division option:selected").val();
                        var block = $("#search_issue_block option:selected").val();
                        var section = $("#search_issue_section option:selected").val();
                        $("#search_issue_location").load('{{ URL::to('admin/location/all/location/location') }}' +
                            '/' + company + '/' + division + '/' + block + '/' + section);

                    } else {
                        $("#search_issue_location").val('');
                        var company = 0;
                        var division = 0;
                    }
                });

            $("#search_issue_company").change(function() {
                if ($("#search_issue_company option:selected").val() != '') {
                    var company = $("#search_issue_company option:selected").val();
                    $("#search_issue_division").load('{{ URL::to('admin/company/division/employee') }}' +
                        '/' + company);

                } else {
                    $("#search_issue_division").val('');
                    oTable.api().draw();
                    var company = 0;
                }

            });

            $("#search_issue_block").change(function() {
                if ($("#search_issue_block option:selected").val() != '') {
                    var block = $("#search_issue_block option:selected").val();
                    $("#search_issue_section").load('{{ URL::to('admin/block/all/section/block') }}' + '/' +
                        block);

                } else {
                    $("#search_issue_section").val('');
                    var block = 0;
                }

            });
            $("#search_issue_location").change(function() {
                if ($("#search_issue_location option:selected").val() != '') {
                    var location = $("#search_issue_location option:selected").val();
                    $("#search_issue_sublocation").load(
                        '{{ URL::to('admin/location/all/sub_location/location') }}' + '/' + location);

                } else {
                    $("#search_issue_sublocation").val('');
                    oTable.api().draw();
                    var location = 0;
                }

            });





            $("#search_receving_company,#search_receving_division,#search_receving_block,#search_receving_section")
                .change(function() {
                    if ($("#search_receving_company").val() != '' && $(
                            "#search_receving_division option:selected").val() != '' && $(
                            "#search_receving_block option:selected").val() != '' && $(
                            "#search_receving_section option:selected").val() != '') {
                        var company = $("#search_receving_company").val();
                        var division = $("#search_receving_division option:selected").val();
                        var block = $("#search_receving_block option:selected").val();
                        var section = $("#search_receving_section option:selected").val();
                        $("#search_receving_location").load(
                            '{{ URL::to('admin/location/all/location/location') }}' + '/' + company + '/' +
                            division + '/' + block + '/' + section);

                    } else {
                        $("#search_receving_location").val('');
                        var company = 0;
                        var division = 0;
                    }
                });

            $("#search_receving_company").change(function() {
                if ($("#search_receving_company option:selected").val() != '') {
                    var company = $("#search_receving_company option:selected").val();
                    $("#search_receving_division").load('{{ URL::to('admin/company/division/employee') }}' +
                        '/' + company);

                } else {
                    $("#search_receving_division").val('');
                    oTable.api().draw();
                    var company = 0;
                }

            });

            $("#search_receving_block").change(function() {
                if ($("#search_receving_block option:selected").val() != '') {
                    var block = $("#search_receving_block option:selected").val();
                    $("#search_receving_section").load('{{ URL::to('admin/block/all/section/block') }}' + '/' +
                        block);

                } else {
                    $("#search_receving_section").val('');
                    var block = 0;
                }

            });
            $("#search_receving_location").change(function() {
                if ($("#search_receving_location option:selected").val() != '') {
                    var location = $("#search_receving_location option:selected").val();
                    $("#search_receving_sublocation").load(
                        '{{ URL::to('admin/location/all/sub_location/location') }}' + '/' + location);

                } else {
                    $("#search_receving_sublocation").val('');
                    oTable.api().draw();
                    var location = 0;
                }

            });

        });
    </script>
@stop

@section('style')
@stop