@extends('layouts.admin')
@section('content')

<div class="card">
    <div class="card-header">
        <div class="row">
            <div class="col-md-4">
                {{ trans('global.create') }} {{ trans('cruds.port.title_singular') }}
            </div>
            <div class="col-md-4">
                &nbsp;
            </div>
            <div class="col-md-2">
                    &nbsp;
            </div>
            <div class="col-md-2">
                <a href="{{ url('admin/ports') }}" class="btn btn-secondary btn-md">Back</a>
    
        </div>
        </div>
    </div>

    <div class="card-body">
        <form method="POST" action="{{ route("admin.ports.store" )}}" enctype="multipart/form-data">
            @csrf
            <div class="container">
               
                <!-- <label class="required" for="title">{{ trans('cruds.port.title') }}</label>
                <input class="form-control {{ $errors->has('title') ? 'is-invalid' : '' }}" type="text" name="title" id="title" value="{{ old('title', '') }}" required>
                @if($errors->has('title'))
                    <div class="invalid-feedback">
                        {{ $errors->first('title') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.port.fields.title_helper') }}</span> -->
                <div class="row"> 
                    <div class="col-sm-3 mx-2">
                        <label for="port_name">Port Name:</label>
                        <input type="text" name="port_name" id="port_name" required>
                    </div>

                    <div class="col-sm-3 mx-2">
                        <label for="facility_charge">Facility Charge:</label>
                        <input type="text" name="facility_charge" id="facility_charge" required>
                    </div>

                    <div class="col-sm-3 mx-2">
                        <label for="convenience_fee">Convenience Fee:</label>
                        <input type="text" name="convenience_fee" id="convenience_fee" required>
                    </div>

                    <div class="col-sm-3 mx-2">
                        <label for="vat">Vat:</label>
                        <input type="text" name="vat" id="vat" required>
                    </diV>
                </div>
                <div class="row">
                    &nbsp;
                </div>
                <div class="row">
                <div class="col-sm">
                    <button class="btn btn-danger" type="submit">Submit </button>
                </div>
                </div>
            </div>            
        </form>
    </div>
</div>



@endsection