@extends('invoice/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('invoice.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">

                                    <div class="row" style="background-color: #cff7c2">
                                        <div class="form-group col-sm-6">
                                            {!! Form::label('consignee', 'Consignee:') !!}<br>
                                            {!! Form::label('consignee', $declaration->consignees->name) !!}
                                        </div>
                                        <div class="form-group col-sm-3">
                                            {!! Form::label('transitor', 'Transitor:') !!}<br>
                                            {!! Form::label('transitor',$declaration->transitors->name) !!}
                                        </div>
                                        <div class="form-group col-sm-3">
                                            {!! Form::label('declaration', 'Declaration No:') !!}<br>
                                            {!! Form::label('declaration', $declaration->declaration_number) !!}
                                        </div>
                                        @foreach($header as $cargodetail)
                                            <div class="form-group col-sm-6">
                                                {!! Form::label('t1', 'T1:') !!}<br>
                                                {!! Form::label('t1', $cargodetail->t1) !!}
                                            </div>
                                            <div class="form-group col-sm-6">
                                                {!! Form::label('arrival_date', 'Arrival Date:') !!}<br>
                                                {!! Form::label('arrival_date', $cargodetail->created_date) !!}
                                            </div>
                                        @endforeach
                                        <div class="form-group col-sm-3">
                                            {!! Form::label('container_info', 'Container Info:') !!}<br>
                                        </div>
                                        @foreach($cargo as $detail)
                                            @if($detail->container_number)
                                                <div class="form-group col-sm-3">
                                                    {!! Form::label('container_info', $detail->container_number. '['. $detail->container_size.']') !!}
                                                </div>
                                            @endif
                                        @endforeach
                                        {{--                                    <div class="form-group col-md-12">--}}
                                        {{--                                        Provided Service:-{{ $service_type }}--}}
                                        {{--                                    </div>--}}
                                    </div>

                                    @foreach($important as $info)
                                        <div class="row" style="background-color: #cff7c2">
                                            @foreach($info as $service=>$dates)
                                                <div class="form-group col-md-2" style="text-align: right">
                                                    {!! Form::label('important_events', $service.' :- ') !!}
                                                </div>
                                                @foreach($dates as $name=>$date)
                                                    <div class="form-group col-md-3" style="text-align: left">
                                                        {{ $name }} - <b>{!!  $date !!} </b>
                                                    </div>
                                                @endforeach

                                            @endforeach
                                        </div>
                                    @endforeach

                                </div>
                            </div>
                            @include('invoice.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;
            });
        });
        $('#print-button').on('click', function () {
            window.location.reload();

        });
    </script>
@stop