@extends('dashboard.base')

@section('content')


<div class="container-fluid">
  <div class="fade-in">
    <div class="row">
      <div class="col-sm-12">
        <div class="card">
          <div class="card-header"><h4>Orders</h4></div>
            <div class="card-body">
                @if(Session::has('message'))
                    <div class="alert alert-success" customer="alert">{{ Session::get('message') }}</div>
                @endif
                <form method="post" action="{{ route('dataentries.downloadAllPDF') }}">
                    @csrf
                    <div class="row mb-1">
                        <div class="col-md-6 text-left">
                            <div style="display: flex;">
                                <select class="form-control" name="payment_status" style="width:auto;margin-right:5px;">
                                    <option value="-1">All Invoices</option>
                                    <option value="0">All Unpaid Invoices</option>
                                    <option value="2">All Paid Invoices</option>
                                </select>
                                @if(request()->get('date'))
                                <input type="hidden" name="date" value="{{ request()->get('date') }}">
                                @else
                                <input class="form-control" id="invoiceDate" name="date" type="text" placeholder="Search invoice date"  style="width:auto;margin-right:5px;"/>
                                @endif
                                <span class="input-group-btn">
                                    <button type="submit" class="btn btn-success">Download</button>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-6 text-right">
                            <a class="btn btn-danger" href="{{ route('dataentries.import') }}?date={{ request()->get('date') }}">Import EXCEL</a>
                            <a class="btn btn-primary" href="{{ route('dataentries.create') }}?date={{ request()->get('date') }}">Add new order</a>
                            <a class="btn btn-warning" href="{{ route('dataentries.create') }}?date={{ request()->get('date') }}&id={{ request()->get('id') }}&type=pre-order">Add new Pre-Order</a>
                        </div>
                    </div>
                </form>
                <div class="clearfix"></div>
                {{$dataTable->table(['class' => 'table table-striped table-bordered dt-responsive nowrap', 'style' => 'width:100%;'])}}

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

@endsection

@section('javascript')

@parent
{!! $dataTable->scripts() !!}


<script>
    $(document).ready(function() {
        // Setup - add a text input to each header cell
        function addSearchFields()
        {
            $('#dataentries-table thead tr').clone(true).appendTo( '#dataentries-table thead' );
            $('#dataentries-table thead tr:eq(1) th').each( function (i, idx) {
                if(idx.innerHTML.includes('Item Invoice Number', 0)){
                    var title = $(this).text();
                    $(this).html('<input class="test" id="invoice_number" style="width:100%;" type="text" placeholder="Search ' + title + '" />');
                }else if (idx.innerHTML == '#' || idx.innerHTML == 'Action'){
                    $(this).html( '' );
                }
                else if (idx.innerHTML.includes('Date', 0)){
                    $(this).html( '<input id="datepicker" style="width:100%;" type="text" placeholder="Search '+$(this).text()+'" />' );
                }
                else{
                    var title = $(this).text();
                    $(this).html( '<input style="width:100%;" type="text" placeholder="Search '+title+'" />' );

                    $( 'input', this ).on( 'keyup change', function () {
                        if ( window.LaravelDataTables["dataentries-table"].column(i).search() !== this.value ) {
                            window.LaravelDataTables["dataentries-table"]
                                .column(i)
                                .search( this.value )
                                .draw();
                        }
                    } );
                }
            } );
        }

        addSearchFields();

        window.LaravelDataTables["dataentries-table"].on( 'column-visibility.dt', function ( e, settings, column, state ) {
            $('#dataentries-table thead tr:eq(1)').remove();
            addSearchFields();
        } );

        $(document).on( 'init.dt', function ( e, settings ) {
            var api = new $.fn.dataTable.Api( settings );
            var data = api.state.loaded();

            $("#datepicker,#invoiceDate").datepicker({
                dateFormat: 'yy-mm-dd'
            });

            if(!$.isEmptyObject(data)){
                for (i = 0; i < data.columns["length"]; i++) {
                    var col_search_val = data.columns[i].search.search;
                    if (col_search_val != "") {
                        $(".dataTable tr:eq(1) th:eq("+i+") input").val(col_search_val);
                    }
                }
            }
        } );

        $('.buttons-reset').click(function(e) {
            e.preventDefault();
            window.LaravelDataTables["dataentries-table"].state.clear();
            location.reload();
        });

        $('.c-sidebar-nav-link').click(function(e) {
            window.LaravelDataTables["dataentries-table"].state.clear();
            return true;
        });

        window.LaravelDataTables["dataentries-table"].columns().every( function () {
            var that = this;
            $('#datepicker').on( 'keyup change', function () {
                if ( that.search() !== this.value ) {
                    that
                        .search( this.value )
                        .draw();
                }
            } );
        } );


    });

</script>

@endsection