@extends('layout.padrao')
@section('content')
@section('title', 'Spot Sales Dashboard')

<img src="{!! asset('/image/csa_Logo78x74.png') !!}" class="logoForm">

<div class="row">
    <div class="col col-lg-12 col-sm-12 col-md-12">
        <div class="folha-branca-contornada rounded">
            <form class="form-inline2 w-100" method="GET" action="" id="searchSpotSales" style="display: none;">
                <div class="col col-lg-12 col-sm-12 col-md-12 margin-top-20" style="z-index: 9">
                    <div class="col col-lg-2 col-md-12 col-sm-12 form-group">
                        <label class="w-100 control-label" for="saleDateFromInput">Sales Date from</label>
                        <input type="date" class="form-control" name="saleDateFromInput" id="saleDateFromInput" min="2019-01-01" max="2080-01-01">
                    </div>
                    <div class="col col-lg-2 col-md-12 col-sm-12 form-group">
                        <label class="w-100 control-label" for="saleDateToInput">Sales Date to</label>
                        <input type="date" class="form-control" name="saleDateToInput" id="saleDateToInput" min="2019-01-01" max="2080-01-01">
                    </div>
                    <div class="col col-lg-2 col-md-12 col-sm-12 form-group">
                        <label for="clientInput">Client</label>
                        {!! Form::select('clients_id',[''=>'-- Select Required --']+$select['clients_fantasyName_id'], null, ['class' => 'form-control'], ['required' => 'required']) !!}
                    </div>
                    <div class="col col-lg-2 col-md-12 col-sm-12 form-group">
                        <span class="spanLarge">Carrier </span>
                        {!! Form::select('carriers_id',[''=>'-- Select Required --']+$select['carriers_id'], null, ['class' => 'form-control']) !!}
                    </div>
                    <div class="col col-lg-2 col-md-12 col-sm-12 form-group">
                        <label class="w-100 control-label" for="bookingInput">Booking N#</label>
                        <input type="text" class="form-control" name="bookingInput" id="bookingInput">
                    </div>
                </div>
                <div class="col col-lg-12 form-group text-right" style="margin-bottom: -25px; z-index: 7">
                    <button class="btn btn-primary" 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-primary " type="button">
                        Clear Filter
                    </button>
                </div>
            </form>
            <!-- Botão para recolher a pesquisa -->
            <div class="col text-center" id="colunaPesquisa" style="z-index: 2">
                <div class="btn" id="dropSearch">
                    <div title="Open Search" style="color: #0d6397 !important; font-size: 1.1 rem;">
                        <span id="spanSearch" style="margin-bottom:-23px">Search</span> </br><i id="openBtn"
                            class="fas fa-chevron-down"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-12 col-lg-12 col-md-12 col-sm-12">
        @include('spotSales.table')
    </div>
</div>

@include('bibliotecas.floattheadOverflow')
@include('bibliotecas.bootstrapExport')
@include('spotSales.style')

@endsection