@extends('front.master')

@section('title','Form Insert')

@section('content')



<div class="container-fluid">

    <div class="row">
        <main class="container" style="margin-top: 50px;">
            <div class="card well" style="background-color: #3366ff;">
                <h3 class="text-white"><strong>40FT AGREEMENT</strong></h3>
            </div>
            

            <hr>
            <div class="row">
                <div class="col-md-6">

                    <div class="panel-body">

                        <form class="form-horizontal" method="POST" action="{{ route('createFourtyftagreement') }}" enctype="multipart/form-data">

                            {!! csrf_field() !!}

                                <table class="table table-bordered table-striped table-hover">
                                    <tr>
                                        <th class="text-center well">
                                            <p>Consignee:</p>
                                        </th>
                                    </tr>
                                    <tr>
                                        <td>
                                            <select class="form-control" name="cosignee_id" id="consignee_id">
                                                    <option value="">Select Consignee</option>

                                                @foreach($consignees as $Key =>$s)
                                                    <option value="{{ $s->id }}">{{ $s->consignee_name }}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                    </tr>

                                    <tr>
                                        <th class="text-center well">
                                            <p>Transportation Charges:</p>
                                        </th>
                                    </tr>

                                    <tr>
                                        <td>
                                            <input type="text" class="form-control" name="trans" id="trans" placeholder="Transportation">
                                        </td>
                                    </tr>

                                    <tr>
                                        <th class="text-center well">
                                            <p>Demmurage Charges:</p>
                                        </th>
                                    </tr>

                                    <tr>
                                        <td>
                                            <input type="text" class="form-control" name="demmurage" id="demmurage" placeholder="Demmurage Charges">
                                        </td>
                                    </tr>

                                    <tr>
                                        <th class="text-center well">
                                            <p>Agency Fee & Clearing Formalities:</p>
                                        </th>
                                    </tr>

                                    <tr>
                                        <td>
                                            <input type="text" class="form-control" name="agency" id="agency" placeholder="Agency Fee">
                                        </td>
                                    </tr>
                                    
                                </table>

                                <div>

                                <button type="submit" class="btn btn-primary">Submit</button><br><br>

                            </div>

                        </form>
                        
                    </div>
                    
                </div>

                <div class="col-md-6" style="background-color: #3366ff; height: 40%;">

                    <div class="panel-body">

                        <form class="form-horizontal" method="POST" action="{{ route('agreement') }}" enctype="multipart/form-data">

                            {!! csrf_field() !!}

                                <table class="table table-bordered table-striped table-hover" style="margin-top: 5%;">
                                    <tr>
                                        <th class="text-center well" style="background-color: white;">
                                            <p>Consignee:</p>
                                        </th>
                                    </tr>
                                    <tr>
                                        <td>
                                            <select class="form-control" name="cosignee_id" id="consignee_id">
                                                    <option value="">Select Consignee</option>

                                                @foreach($consignees as $Key =>$s)
                                                    <option value="{{ $s->id }}">{{ $s->consignee_name }}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                    </tr>

                                    <tr>
                                        <th class="text-center well" style="background-color: white;">
                                            <p>File Opening & Documentation:</p>
                                        </th>
                                    </tr>

                                    <tr>
                                        <td>
                                            <input type="text" class="form-control" name="file_opening" id="file_opening" placeholder="File Opening">
                                        </td>
                                    </tr>

                                    <tr>
                                        <th class="text-center well" style="background-color: white;">
                                            <p>Disbursement Charges:</p>
                                        </th>
                                    </tr>

                                    <tr>
                                        <td>
                                            <input type="text" class="form-control" name="disbursement" id="disbursement" placeholder="Disbursement Fee">
                                        </td>
                                    </tr>

                                    <tr>
                                        <th class="text-center well" style="background-color: white;">
                                            <p>VAT:</p>
                                        </th>
                                    </tr>

                                    <tr>
                                        <td>
                                            <input type="text" class="form-control" name="vat" id="vat" placeholder="VAT">
                                        </td>
                                    </tr>
                                    
                                </table>

                                <div>

                                <button type="submit" class="btn btn-success">Submit</button><br><br>

                            </div>

                        </form>
                        
                    </div>
                    
                </div>
            </div>




            
        </main>
    </div>

</div>

@endsection