@extends('layout.padrao')
@section('title', 'Payment Request')

@section('content')

    <div class="col col-lg-12 col-sm-12 col-md-12 input-group control-group" style="text-align: right; padding: 0px 50px 0 0;">
        <a title="Export This Consult" href="{{ action('PaymentRequestOperationalController@index', ['tipoExport' => 'export']) }}" style='width:50px; margin-bottom:9px;' class="btn btn-padrao" >
            <i class="fas fa-download"></i>
        </a>
    </div>
    <div class="col col-lg-12 col-sm-12 col-md-12 folha-interna3-financeDesign">
        <div class="row folha-interna2 shadow rounded folha-branca-contornada" style="width: 100% !important;">
            <div class="col col-lg-12 col-sm-12 col-md-12 bg-block">
                <h4>Search For:</h4>
                <form id='searchAllocationForm' method="GET" action="{{ route('listPaymentRequest','paymentRequest') }}">
                    {{ csrf_field() }} 
                    {!! Form::text('tipo', 'paymentRequest', ['class' => 'form-control', 'hidden'=>'hidden']) !!}           
                    <div class = "row col-lg-12 col-sm-12 col-md-12">
                        <div class="col col-lg-2 form-group">
                            <label for="dtFrom" class="w-100 control-label">From:</label>
                            <input type="date" id="dtFrom" class="form-control booking" placeholder="dtFrom" name="dt_start" onchange="regras()">
                            <legend style="font-size:0.7em">Based on BL Date</legend>
                        </div>
                        <div class="col col-lg-2 form-group">
                            <label for="dtTo" class="w-100 control-label">To:</label>
                            <input type="date" id="dtTo" class="form-control booking" placeholder="dtTo" name="dt_end" onchange="regras()">
                            <legend style="font-size:0.7em">Based on BL Date</legend>
                        </div>
                        <div class="col col-lg-2 form-group">
                            <label for="booking" class="w-100 control-label">Booking N.:</label>
                            <input type="text" id="booking" class="form-control booking" name="booking" onchange="regras()">
                        </div>
                        <div class="col col-lg-2 form-group">
                            <label for="SAOE" class="w-100 control-label">SAOE:</label>
                            <input type="text" id="SAOE" class="form-control SAOE" name="SAOE" onchange="regras()">
                        </div>
                        <div class="col col-lg-2 form-group">
                            <label for="invoice_issue_date" class="w-100 control-label">Data da Emissão da Fatura</label>
                            <input type="date" id="invoice_issue_date" class="form-control booking" placeholder="invoice_issue_date" name="invoice_issue_date" onchange="regras()">
                        </div>
                            <div class="col col-lg-2 form-group checkbox-form {{ $errors->has('group_status')? 'has-error':''}}" >
                                <input  type="radio" name="group_status" id="group_status" value="Requested" {{ (  old('group_status') == 'Requested' ? 'checked' : '' ) }} onchange="regras()" checked>
                                <label class ='form-check-label-profile' for="group_status" style="margin-right:15px !important; ">Pending</label>
                                <input type="radio" name="group_status" id="group_status" value="Done" {{ ( old('group_status') == 'Done' ? 'checked' : '' ) }} onchange="regras()">
                                <label class ='form-check-label-profile' for="group_status"  style="margin-right:15px !important; ">Done</label>
                                <input type="radio" name="group_status" id="group_status" value="All" onchange="regras()">
                                <label class ='form-check-label-profile' for="group_status"  style="margin-right:15px !important; ">All</label>
                            </div>      
                    </div>
                    <div class = "row col-lg-12 col-sm-12 col-md-12" >
                        <div class="col col-lg-3 form-group ">
                            <label for="carrier" class="filterView">Carrier:</label>
                            {!! Form::select('carriers_id[]', $select['carriers_id'], old('carriers_id',$returnvalues['carriers_id'] ), ['class' => 'form-control carriers_id', 'onchange' => 'regras()', 'style'=>'margin-right: 5px !important; font-weight: normal;margin-top: 7px;','multiple'=>'multiple']) !!} 
                        </div>
                        <div class="col col-lg-3 form-group ">
                            <label for="client" class="filterView">Client:</label>
                            {!! Form::select('clients_id[]', $select['clients_id'], old('clients_id',$returnvalues['clients_id'] ), ['class' => 'clients_id form-control', 'onchange' => 'regras()', 'multiple'=>'multiple']) !!} 
                        </div>
                        <div class="col col-lg-2 form-group">
                            <label for="invoice_number" class="w-100 control-label"> Numero da Fatura:</label>
                            <input type="text" id="invoice_number" class="form-control invoice_number" name="invoice_number" onchange="regras()">
                        </div>
                        <div class="col col-lg-2 form-group">
                            <label for="payment_date" class="w-100 control-label">Vencimento da fatura</label>
                            <input type="date" id="payment_date" class="form-control booking" placeholder="payment_date" name="payment_date" onchange="regras()">
                        </div>
                        <div class="col col-lg-10 form-group "></div>

                        <div class="col col-lg-2 form-group filter-block"><button class="btn btn-padrao" id="searchBtn" type="submit">Search</button>
                        <button onclick="if(tipo){window.location = window.location.pathname+'?tipo=clear'+tipo}else{window.location = window.location.pathname};" id="searchclearSelect2" class="btn btn-padrao " type="button">Clear Filter</button></div>
                    </div>
                </form> 
            </div>
        </div>
    </div>

    <script>
        var dateFrom = document.getElementById("dtFrom");
        var dateTo = document.getElementById("dtTo");

        function regras(){
            var searchBtn = $('#searchBtn');
            var booking = document.getElementById("booking");
            var saoe = document.getElementById("SAOE");

            if(booking.value == '' && saoe.value == '' && $('.carriers_id option:selected').val() == null && $('.clients_id option:selected').val() == null){
                if(dateFrom.value == '' || dateTo.value == ''){
                    if(! searchBtn.hasClass('disabled')){
                        searchBtn.addClass('disabled');
                    }
                } else{
                    if(searchBtn.hasClass('disabled')){
                        searchBtn.removeClass('disabled');
                    }
                }
            } else{
                if(searchBtn.hasClass('disabled')){
                    searchBtn.removeClass('disabled');
                }
            }
        }

    </script>
    
    @include('include.filtro_result')
    <div class="table-responsive">
        @include('loading.paymentRequest.table',$registers)
    </div>
    <div align="center"  class="d-flex justify-content-center">
    </div>
    <div align="center"  class="d-flex justify-content-center">
        {{ $registers->links() }}
    </div>
    <style>
        .floatThead-container{
            font-size: 1.0rem;
        }
    </style>
    <!-- Delete Model -->
    @include('include.modal_delete_reason', ["rota" => "PaymentRequest"])
    @include('loading.paymentRequest.scriptList')
    @include('bibliotecas.momentJs')
@endSection