@extends('finance/layouts/default')

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

{{-- Page content --}}
@section('content')
    <section class="content-header">
        <h1>Invoices</h1>
        <ol class="breadcrumb">
            <li>
                <a href="{{ route('finance.dashboard') }}"> <i class="livicon" data-name="home" data-size="16"
                                                               data-color="#000"></i>
                    Dashboard
                </a>
            </li>
            <li>Invoices</li>
            <li class="active">Invoices 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>
                                Bill List
                            </h4>

                        </div>

                        {{--                        <br/>--}}
                        <div class="card-body table-responsive">
                            @if(isset($cargo))
                                <p>
                                    <a class="btn btn-primary" data-toggle="collapse" href="#collapsecargoinfo"
                                       role="button" aria-expanded="false" aria-controls="collapseExample">
                                        Show Cargo Information
                                    </a>
                                    {{--                                <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">--}}
                                    {{--                                    Button with data-target--}}
                                    {{--                                </button>--}}
                                </p>

                                <div class="collapse" id="collapsecargoinfo">
                                    <div class="card-body">

                                        @foreach($cargo as $cargodetail)
                                            <div class="row" style="background-color: #f5f5f1">
                                                <div class="form-group col-sm-2">
                                                    {!! Form::label('t1', 'T1:') !!}<br>
                                                    {!! Form::label('t1', $cargodetail->cargoheader->t1) !!}
                                                </div>
                                                <div class="form-group col-sm-2">
                                                    {!! Form::label('declaration', 'Declaration No:') !!}<br>
                                                    {!! Form::label('declaration', $cargodetail->cargoheader->cargodeclarations->declaration_number) !!}
                                                </div>
                                                @if($cargodetail->container_number)
                                                    <div class="form-group col-sm-2">
                                                        {!! Form::label('container_info', 'Container Info:') !!}<br>
                                                        {!! Form::label('container_info', $cargodetail->container_number. '['. $cargodetail->container_size.']') !!}
                                                    </div>
                                                @endif
                                                <div class="form-group col-sm-3">
                                                    {!! Form::label('consignee', 'Consignee:') !!}<br>
                                                    {!! Form::label('consignee', $cargodetail->cargoheader->cargodeclarations->consignees->name) !!}
                                                </div>
                                                <div class="form-group col-sm-3">
                                                    {!! Form::label('transitor', 'Transitor:') !!}<br>
                                                    {!! Form::label('transitor',$cargodetail->cargoheader->cargodeclarations->transitors->name) !!}
                                                </div>
                                            </div>
                                        @endforeach


                                    </div>
                                </div>
                            @endif
                            @include('finance.additionalbills.bill_table')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@stop
@section('footer_scripts')
    <script type="text/javascript">
        $(document).ready(function () {
            $("form").submit(function () {
                $('input[type=submit]').attr('disabled', 'disabled');
                return true;
            });
        });

    </script>
@stop