@extends('adminlte.app')

@section('content')

    <div class="content-wrapper pb-3">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Centros de Carga</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6">
                
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        @if ($message = Session::get('success'))
            <div class="alert alert-success">
                <p>{{ $message }}</p>
            </div>
        @endif
        @if ($message = Session::get('danger'))
            <div class="alert alert-danger">
                <p>{{ $message }}</p>
            </div>
        @endif
        <div class="card mx-3 mt-3">
            <div class="card-header">
                <div class="row">
                    <div class="col-md-4">
                        Filtros Centro de Carga
                    </div>
                    <div class="col-md-8 text-right">
                        @if($permissao->criar_portos)
                            <a  href="/portos/create"><button class="btn btn-primary rounded">Novo Centro de Carga</button></a>
                        @endif
                    </div>   
                </div> 
            </div>
            <form  action="{{ route('portos_consultar') }}" method="GET"  class="pt-4">
                <div class="pl-3 ml-3 mt-3 mr-3  bg-dark text-white">
                    Filtros
                </div>

                <div class="border pt-3 pl-3 pr-3 ml-3 mr-3 mb-3 bg-light ">
                    <div class="form-group row pd-3 ">
                                            
                        {{-- <div class="col-md-3">
                            <label for="data_suporte" class=" control-label my-auto mr-2">Início do Intervalo</label>
                            <input type="date" name="data_suporte" id="data_suporte" value = {{"2000-01-01"}} class=" form-control ">
                            
                        </div>
                        
                        <div class="col-md-3">
                            <label for="data_suporte_fim" class=" control-label my-auto mr-2">Fim do Intervalo</label>
                            <input type="date" name="data_suporte_fim" id="data_suporte_fim" value={{$fim}} class=" form-control ">
                        </div> --}}


                        <div class="col-md-3">
                            <label for="nome_porto" class=" control-label my-auto mr-2">Nome do Centro de Carga</label>
                            <input type="text" name="nome_porto" id="nome_porto" class=" form-control ">
                        </div>

                        
                        <div class="col-md-3">
                            <label for="localidade" class=" control-label my-auto mr-2">Localidade</label>
                            <input type="text" name="localidade" id="localidade" class=" form-control ">
                        </div>

                        <div class="col-md-3">
                            <label for="pais" class=" control-label my-auto mr-2">País</label>
                            <input type="text" name="pais" id="pais" class=" form-control ">
                        </div>


                        <div class="col-md-3">
                            <label for="produtos" class=" control-label my-auto mr-2">Produtos</label>
                            <input type="text" name="produtos" id="produtos" class=" form-control ">
                        </div>

                    </div>
                    
                </div>

                <div class="row pd-3 pt-2 pb-3">
                    <button class="btn btn-primary rounded mx-auto ">Consultar</button>
                </div>
                
            </form>
        </div>
    </div>

@endsection