@extends('gatepass/layouts/default')

@section('title')
Cargoheaders
@parent
@stop

{{-- Page content --}}
@section('content')
<section class="content-header">
    <h1>Cargoheaders</h1>
    <ol class="breadcrumb">
        <li>
            <a href="{{ route('gatepass.dashboard') }}"> <i class="livicon" data-name="home" data-size="16" data-color="#000"></i>
                Dashboard
            </a>
        </li>
        <li>Cargoheaders</li>
        <li class="active">Cargoheaders List</li>
    </ol>
</section>

<section class="content">
<div class="container">
    <div class="row">
     <div class="col-12">
     @include('flash::message')
        <div class="card border-primary ">
            <div class="card-header bg-primary text-white">
                <h4 class="card-title float-left"> <i class="livicon" data-name="list-ul" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                    Cargo Headers
                </h4>
             {{--   <div class="float-right">
                    <a href="{{ route('gatepass.cargoheaders.create') }}" class="btn btn-sm btn-secondary"><span class="fa fa-plus"></span> @lang('button.create')</a>
                </div>--}}
            </div>
            <br />
            <div class="card-body table-responsive">
                {!! Form::open(['route' => 'gatepass.cargoheaders.search']) !!}
                                    <fieldset>
                                        <div class="component" data-content="" data-title="Form Name" data-trigger="manual" data-html="true" style="margin-bottom:10px;padding:10px;background-color: #d5eef7"><!-- Form Name -->
                                            <legend>Search CargoHeader</legend>
                                        </div>
                                        <div class="component" data-content="" data-title="Button Drop Down" data-trigger="manual" data-html="true"><!-- Button Drop Down -->
                                            <div class="form-group row">
                {{--                                <label class="col-sm-4 col-form-label text-right font-weight-bold" for="buttondropdown">Button Drop Down</label>--}}
                                <div class="col-sm-6">
                                    <div class="input-group">
                                        <input id="buttondropdown" name="search_input" class="form-control form-control-md" placeholder="search input" type="text">
                                        <div class="input-group-append">
                                            <button class="btn btn-outline-secondary dropdown-toggle" data-toggle="dropdown">
                                                SearchBy
                                            </button>
                                            <div class="dropdown-menu pull-right">
                                                <button class="btn" type="submit" name="search_by" value="declaration">
                                                    Declaration
                                                </button><br>
                                                <button class="btn" type="submit" name="search_by" value="t1">
                                                    T1
                                                </button><br>
                                                <button class="btn" type="submit" name="search_by" value="plate">
                                                    Plate
                                                </button>

{{--                                                <a class="dropdown-item" href="#">Declaration</a>--}}
{{--                                                <a class="dropdown-item" href="#">T1</a>--}}
{{--                                                <a class="dropdown-item" href="#">Plate</a>--}}
                                            </div>
                                        </div>
                                    </div>
                                    <span class="form-text text-muted">used to search declared cargo</span>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                {!! Form::close() !!}
                @if(isset($cargoheaders))
                    <hr>
                    @include('gatepass.cargoheaders.table')
                @endif
                @if(isset($cargodeclarations))
                    <hr style="border-top:solid 3px #00a818;">
                    @include('gatepass.cargoheaders.declarationtable')
                @endif

            </div>
        </div>
        </div>
 </div>
 </div>
</section>
@stop