@extends('front.master')

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

@section('content')



<div class="container-fluid" style="width: 100%;">

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

            <hr>

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

                <div class="panel-body">

                    <form class="form-horizontal" method="POST" action="{{route('createTwentyftagreement')}}" 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="transportation" id="transportation" 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_charges" id="demmurage_charges" 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_fee" id="agency_fee" 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>
            
        </main>
    </div>

</div>

@endsection