@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">
                            <p>
                                <a class="btn btn-info" 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: #cff7c2">
                                    <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>
                            @include('finance.bills.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