@extends('layout.padrao')
@section('title', 'Create - Tank Leasing Rate')
@section('content')


@if($errors->any())
    <div class="alert alert-danger">
    @foreach($errors->all() as $error)
        {{ $error }} <br>
    @endforeach
    </div>
@endif
{{ Form::open(array('method' => 'post', 'enctype'=>'multipart/form-data', 'files' =>true, 'route'=>'storeTankLeasing' , 'id'=>'tankleasing_create')) }}
    {{ csrf_field() }} 

    {{ Form::hidden('loadingType' , 'TLR') }}
    <style>
/*         
            .folha-interna2{
        padding: 10px;
        margin-left: 3px !important;
        background: rgba(211, 221, 229,1) !important;
        
        }
        body > div > div > main > div > div > form > div > div.row.folha-interna2.shadow.p-3.mb-5.bg-white.rounded{
        margin-left: 10px !important;
        width: 98%;
        }
        body > div > div > main > div > div > form > div > div.row.folha-interna4.shadow.p-3.mb-5.bg-white.rounded{
        margin-left: 10px !important;
        border: 1px solid;
        border-color: #d3d9df;
        } */
        
    </style>
    <div class="row">
        <div class="row folha-interna folha-branca-contornada shadow p-3 mb-5 bg-white rounded">
            <div class="row col-lg-12">
                <div class="col col-lg-3 form-group {{ $errors->has('tank_owners_id')? 'has-error':''}}" >
                    {!! Form::label('tank_owners_id', 'Tank Owner', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::select('tank_owners_id', $select['tankOwners'] , null,  ['class' => 'form-control ', 'id' => 'tankOwners']) !!} 
                </div>
                <div class="col col-lg-3 form-group" >
                    {!! Form::label('platforms_id', 'Product', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::select('platforms_id[]', $select['platforms'], old('platforms_id',null), ['class' => 'platforms form-control','multiple'=>'multiple']) !!}
                </div>
                <div class="col col-lg-2 form-group {{ $errors->has('tankValidadeFrom')? 'has-error':''}} ">
                    {!! Form::label('tankValidadeFrom', 'Quote Valid From', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::date('tankValidadeFrom', null , ['class' => 'form-control ', 'min' => '2019-01-01', 'max' => '2080-01-01']) !!}              
                </div>
                <div class="col col-lg-2 form-group {{ $errors->has('tankValidadeTo')? 'has-error':''}}">
                    {!! Form::label('tankValidadeTo', 'Quote Valid To', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::date('tankValidadeTo', null , ['class' => 'form-control ', 'min' => '2019-01-01', 'max' => '2080-01-01']) !!}              
                </div>   
                <div class="logoAPT col-lg-2" id="logoAPT" ></div>
                <div class="logoBKG col-lg-2" id="logoBKG" ></div>
                <div class="logoBUL col-lg-2" id="logoBUL" ></div>
                <div class="logoDNH col-lg-2" id="logoDNH" ></div>            
                <div class="logoHOY col-lg-2" id="logoHOY" ></div>            
                <div class="logoITT col-lg-2" id="logoITT" ></div>            
                <div class="logoLAF col-lg-2" id="logoLAF" ></div>            
                <div class="logoNEW col-lg-2" id="logoNEW" ></div>            
                <div class="logoSTO col-lg-2" id="logoSTO" ></div>            
                <div class="logoTAN col-lg-2" id="logoTAN" ></div>            
            </div>
            <div class="row col-lg-12">
                <div class="col col-lg-3 form-group">
                    {!! Form::label('tankOwnerQuoteReference', 'Tank Owner #', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! form::text('tankOwnerQuoteReference', null, ['class' => 'form-control'])!!}
                </div>
                <div class="col col-lg-3 form-group {{ $errors->has('container_types_id')? 'has-error':''}}">
                    {!! Form::label('container_types_id', 'Container Type/Equipment', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::select('container_types_id', $select['containerTypes'], null, ['class' => ' form-control' , 'id' => 'containerTypes']) !!}             
                </div>
                <div class="col col-lg-4 form-group {{ $errors->has('loading_ports_id')? 'has-error':''}}">
                    {!! Form::label('loading_ports_id', 'Loading Port', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::select('loading_ports_id[]', $select['loadingPorts'], old('loading_ports_id',null), ['class' => 'loadingPorts form-control','multiple'=>'multiple']) !!}             
                </div>
                
            </div>
            <div class="row col-lg-12">
                <div class="col col-lg-4 form-group {{ $errors->has('port_destinations')? 'has-error':''}}">
                    {!! Form::label('port_destinations', 'Destination Port', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::select('port_destinations[]', $select['destinationPort'], old('port_destinations',null), ['class' => 'destinationPort form-control','multiple'=>'multiple']) !!}
                </div>
                <div class="col col-lg-1 col-sm-12 col-md-12 form-group " style="margin-top:28px"> 
                        {!! Form::checkbox('flexiTank', 1, null , ['id' => 'flexiTank']); !!}  
                        {!! Form::label('flexiTank', 'Flexitank', [ 'class' => 'pr-16 control-label']) !!}
                </div>
                <div class="col col-lg-2 col-sm-12 col-md-12 form-group " style="margin-top:28px"> 
                        {!! Form::checkbox('chemicalTank', 1, null, ['id' => 'chemicalTank']); !!}  
                        {!! Form::label('chemicalTank', 'Chemical Tank', [ 'class' => 'pr-16 control-label']) !!}
                </div>
                <div class="col col-lg-2 col-sm-12 col-md-12 form-group " style="margin-top:28px;margin-left:-70px!important"> 
                        {!! Form::checkbox('foodGradeTank', 1, null , ['id' => 'foodGradeTank']); !!}  
                        {!! Form::label('foodGradeTank', 'Food Grade Tank', [ 'class' => 'pr-16 control-label']) !!}
                </div>
                <div class="col col-lg-2 col-sm-12 col-md-12 form-group" style="margin-top:28px;margin-left:-60px!important"> 
                        {!! Form::checkbox('fosfaTank', 1, null , ['id' => 'fosfaTank']); !!}  
                        {!! Form::label('fosfaTank', 'Fosfa Tank', [ 'class' => 'pr-16 control-label', 'id' => 'fosfaTank']) !!}
                </div>
            </div>
        </div>
        <div class="row folha-interna4 folha-azul-abas-top shadow p-3 mb-5 bg-white rounded" style="margin-bottom: -16px !important; margin-left: 1% !important;">
                <h4 class="localTitle" style="font-size:15px;margin-top:0px;padding:5px"> RENTAL </h4>
        </div>
        <div class="row folha-interna folha-azul-abas shadow p-3 mb-5 bg-white rounded">
            <div class="row folha-interna folha-branca-contornada col-lg-12 col-md-12 col-sm-12 rounded">
                <!------------------ Rental Line --------------->
                <div class="row col-lg-12" id="linha1">
                    <div class="col col-lg-3 form-group" >
                        {!! Form::label('rental', 'Rental - USD', [ 'class' => 'w-100 control-label', 'id' => 'rental' ]) !!} 
                        {!! Form::number('rental', null , ['class' => 'form-control ', 'step' =>'0.01']) !!} 
                    </div>
                    <div class="col col-lg-2 form-group">
                        {!! Form::label('foodGradeCleaning', 'Food Grade Cleaning - USD', [ 'class' => 'w-100 control-label', ]) !!} 
                        {!! Form::number('foodGradeCleaning', null , ['class' => 'form-control ' , 'step' =>'0.01']) !!}              
                    </div>
                    <div class="col col-lg-2 form-group ">
                        {!! Form::label('regularCleaning', 'Regular Cleaning - USD', [ 'class' => 'w-100 control-label', ]) !!} 
                        {!! Form::number('regularCleaning', null , ['class' => 'form-control ' , 'step' =>'0.01']) !!}              
                    </div>
                    <div class="col col-lg-2 form-group ">
                        {!! Form::label('freeTimeOrigin', 'Free Time Origin', [ 'class' => 'w-100 control-label', ]) !!} 
                        {!! Form::number('freeTimeOrigin', null , ['class' => 'form-control ' , 'step' =>'0.01']) !!}              
                    </div>
                    <div class="col col-lg-2 form-group ">
                        {!! Form::label('freeTimeDestination', 'Free Time Destination', [ 'class' => 'w-100 control-label', ]) !!} 
                        {!! Form::number('freeTimeDestination', null , ['class' => 'form-control ' , 'step' =>'0.01']) !!}              
                    </div>
                    <div class="col col-lg-3 form-group ">
                        {!! Form::label('kosherCleaning', 'Kosher Cleaning - USD', [ 'class' => 'w-100 control-label', ]) !!} 
                        {!! Form::number('kosherCleaning', null , ['class' => 'form-control ' , 'step' =>'0.01']) !!}              
                    </div>
                    <div class="col col-lg-3 form-group ">
                        {!! Form::label('nitrogen', 'Nitrogenio - USD', [ 'class' => 'w-100 control-label', ]) !!} 
                        {!! Form::number('nitrogen', null , ['class' => 'form-control ' , 'step' =>'0.01']) !!}              
                    </div>
                    <div class="col col-lg-3 form-group ">
                        {!! Form::label('kosherCertificate', 'Kosher Certificate - USD', [ 'class' => 'w-100 control-label', ]) !!} 
                        {!! Form::number('kosherCertificate', null , ['class' => 'form-control ' , 'step' =>'0.01']) !!}              
                    </div>
                </div>
            </div>
        </div>
               
        <!-- Attachment and Comments -->
        <div class="row folha-interna folha-branca-contornada shadow p-3 mb-5 bg-white rounded" >
        <h3 style="padding-left: 13px;">Comments / Attachment</h3>

            <span class='sep-line3 align-items-center '></span>
            <div class="col col-lg-12 col-sm-12 col-md-12 input-group control-group" style="max-width: 98%">
                {!! Form::label('addComments', 'ADDITIONAL COMMENTS', [ 'class' => 'w-100 control-label' , 'style' => 'margin-left:10px']) !!}
                {!! Form::textarea('addComments', null , ['class' => 'form-control textsAreaBig', 'rows' => 3 , 'style' => 'margin-left:10px;margin-bottom:10px' , 'id' => 'comments']) !!}    
            </div>
            <div class="col col-lg-12 col-sm-12 col-md-12 input-group control-group  increment-attach" id="increment-attach">
                <span id="attach-child">
                    <div class="col col-lg-4 col-sm-12 col-md-12 {{ $errors->has('anexo_types_id.0')? 'has-error':''}}">                  
                            {!! Form::select('anexo_types_id[]',[''=>'-------------- Select Required ----------------']+$select['anexo_types_id'], null, ['class' => 'form-control', 'style'=>'height:40px']) !!}                                 
                    </div>     
                    <div class="col col-lg-7 col-sm-12 col-md-12 pb-3 increment " style="padding: 0 0;display: inline-flex;width: 78%;">                                     
                        <input type="file" name="filename[]" class="form-control filenameForm" multiple="multiple" style="height:40px;">
                        <input type="hidden" name="attach_qty[]">
                    </div>
                    <div id='btn_attach_change' class="col col-lg-1 col-sm-1 col-md-1 input-group-btn">
                        <div class="btn btn-attachment attach-success" type="button" style="height:40px;"> 
                            <div class="circleIcon">
                                <img src="{!! asset('/image/plus.svg') !!}" class="botao-circular-add">
                            </div>
                        </div>
                    </div>
                </span>
            </div>  
        </div>   
    </div>
    <div class="w-100 form-group">
        <div class="col-sm-offset-2 col-sm-10 text-right">
                <button type="submit" class="btn btn-padrao" onclick='submitDisable()'> Save </button>
                <button type="reset" class="btn btn-padrao" onClick="history.go(-1)"> Cancel </button>
        </div>
    </div>
</form>
@include('tankLeasingRate.script')
@endsection