@extends('layout.padrao')
@section('title', 'Booking Plan')
@section('content')
@include('loading.loadingPlan.modules')


@if($errors->any())
    <div class="alert alert-danger">
    <p>Algo deu errado. Verificar Campos Obrigatórios</p>
    @foreach($errors->all() as $error)
        {{ $error }} <br>
    @endforeach
    </div>
  <script>
    $(function(){
      $('.dynamic2').change();
    })
  </script>
@else
  <script>
    localStorage.setItem('shipper_selected', '');
    localStorage.setItem('platform_selected', '');
    localStorage.setItem('plant_selected', '');
  </script>
@endif
   <!-- @if($errors->any())
        <div class="alert alert-danger">
            <p>Algo deu errado. Verificar Campos Obrigatórios</p>
        </div>
    @endif-->
    {{ Form::open(array('method' => 'post', 'files'=>true, 'enctype'=>'multipart/form-data', 'route'=>'storeLoading', 'id'=>'loading_create')) }}
    
        {{ csrf_field() }}
        <div class="row" >
            <input type="hidden"  name="usuarios_id" value="{{Auth::user()->id}}">    
            <input type="hidden"  name="status" id="status" value="On Hold">   
            {{ Form::hidden('loadingType', 'BKP') }}
            @yield('create-firstPart')  
            
            <div class="row folha-interna folha-branca-contornada shadow p-3 mb-5 bg-white rounded">
                @yield('create-secoundPart')  

                <div class="col colunaForm">
                    <div class="row folha-interna folha-azul-contornada shadow p-3 mb-5 bg-white rounded">
                        @yield('create-thirdPart')  
                        <div class="col col-lg-2 col-sm-12 col-md-12 form-group cargo_types_id-rule {{ $errors->has('cargo_types_id')? 'has-error':''}}">
                            {!! Form::label('cargo_types_id', 'Cargo Type', [ 'class' => 'w-100 control-label']) !!}
                            {!! Form::select('cargo_types_id', [''=>'------ Select Required ------']+ $select['cargoType'], null, ['class' => 'form-control']) !!}     
                        </div>
                        <div class="col col-lg-3 col-sm-12 col-md-12 form-group {{ $errors->has('u_n_s_id')? 'has-error':''}}">
                            {!! Form::label('u_n_s_id', 'U.N.', [ 'class' => 'w-100 control-label']) !!}
                            {!! Form::select('u_n_s_id', [''=>'------ Select Required ------']+ $select['UN'], null, ['class' => 'form-control']) !!}     
                        </div>
            
                        <div class="col col-lg-2 col-sm-12 col-md-12 form-group {{ $errors->has('temperature')? 'has-error':''}}">
                            {!! Form::label('temperature', 'Temperature (°C)', [ 'class' => 'w-100 control-label']) !!}
                            {!! Form::text('temperature', null, ['class' => 'form-control']) !!}     
                        </div>
                        <div class="col col-lg-1 col-sm-12 col-md-12 form-group {{ $errors->has('foodgrade')? 'has-error':''}}">
                            {!! Form::label('foodgrade', 'Foodgrade', [ 'class' => 'w-100 control-label']) !!}
                            {!! Form::select('foodgrade', [''=>'- Select Required -']+ $select['foodgrade'], null, ['class' => 'form-control']) !!}        
                        </div>
                        
                        <div class="col col-lg-2 col-sm-12 col-md-12 form-group imoCutoffDate-rule {{ $errors->has('imoCutoffDate')? 'has-error':''}} align-self-start ">
                            <label class="w-100 control-label">IMO Cutoff Date</label>
                            <input class="form-control" name="imoCutoffDate" type="datetime-local" min="{{date('Y-m-d\TH:m')}}" value="">
                            <p class="hide textinfo imoCutoffDate-date">IMO Cutoff deve ser menor que ETD POL</p>             
                        </div>
                        <div class="col col-lg-2 col-sm-12 col-md-12 form-group inspectionDate-rule {{ $errors->has('inspectionDate')? 'has-error':''}} align-self-start ">
                            <label class="w-100 control-label">Inspection Date</label>
                            <input class="form-control" name="inspectionDate" type="date" min="{{date('Y-m-d')}}" max="2080-01-01" value="">            
                        </div>
                    </div>
                </div>
            </div>

            
            <div class="row folha-interna folha-branca-contornada shadow p-3 mb-5 bg-white rounded">
                <h3 id="tankOwnerTitle">Tank Owner</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 increment-tank" id="increment-tank">
                    <span id="tank-child">
                        <div class="col col-lg-4 col-sm-12 col-md-12 form-group tank_owners_id-rule {{ $errors->has('tank_owners_id.0')? 'has-error':''}}">
                            {!! Form::label('tank_owners_id', 'Tank Owner', [ 'class' => 'w-100 control-label' , 'id' => 'tankOwnerLabel']) !!}
                            {!! Form::select('tank_owners_id[]', [''=>'------ Select Required ------']+$select['tankOwner'], old('tank_owners_id'), ['class' => 'form-control']) !!}                                 
                        </div>
                        <div class="col col-lg-4  col-sm-12 col-md-12  form-group flexi_suppliers_id-rule {{ $errors->has('flexi_suppliers_id.0')? 'has-error':''}}">
                            {!! Form::label('flexi_suppliers_id', 'Flexi Supplier', [ 'class' => 'w-100 control-label']) !!}
                            {!! Form::select('flexi_suppliers_id[]', [''=>'------ Select Required ------']+$select['flexiSupplier'], old('tank_owners_id'), ['class' => 'form-control']) !!}                                 
                        </div>
                        <div class="col col-lg-3 col-sm-12 col-md-12 form-group stuffingQty-rule {{ $errors->has('stuffingQty.0')? 'has-error':''}}">
                            {!! Form::label('emptyReleaseQty', 'Quantity', [ 'class' => 'w-100 control-label']) !!}
                            {!! Form::number("emptyReleaseQty[]", null,['class' => 'form-control']) !!}          
                        </div>
                        {{ Form::hidden('emptyReleaseDate[]', null) }}
                        <div id='btn_tank_change' class="col col-lg-1 col-sm-1 col-md-1 input-group-btn"> 
                            <div class="circleIcon tank-success" type="button" style="height:34px; width: 34px; margin-left: 0px; margin-top: 24px;">
	                            <img src="{!! asset('/image/plus.svg') !!}" class="botao-circular-add">
                            </div>
                        </div>
                    </span>
                </div>
                <div class="col col-lg-3 col-sm-12 col-md-12 form-group">
                    {!! Form::label('isotank_type', 'Isotank Type', [ 'class' => 'w-100 control-label' , 'id' => 'isotankType']) !!}
                    {!! Form::select('isotank_type', [''=>'------ Select Required ------']+$select['isotankTypes'], old('isotank_type',null), ['class' => 'form-control']) !!}                                 
                </div>
                <div class="col col-lg-3 col-sm-12 col-md-12 form-group">
                    {!! Form::label('isotank_preparation', 'Isotank Preparation', [ 'class' => 'w-100 control-label' , 'id' => 'isotankPreparation']) !!}
                    {!! Form::select('isotank_preparation', [''=>'------ Select Required ------']+$select['isotankPreparation'], old('isotank_preparation',null), ['class' => 'form-control']) !!}                                 
                </div>
                <div class="col col-lg-6 col-sm-12 col-md-12"></div>
                <div class="col col-lg-6 col-sm-12 col-md-12 form-group {{ $errors->has('isotankDetails')? 'has-error':''}}">
                    {!! Form::label('isotankDetails', 'Isotank Details', [ 'class' => 'w-100 control-label', 'id'=>'labelTank' ]) !!}  
                    {!! Form::textarea('isotankDetails', null, ['class' => 'form-control textsAreaSuper', 'rows' => 7, 'sytle' => 'text-transform:uppercase;' , 'id' => 'isoTankComments' ]) !!}
                    <p style="color:red; font-size:10px;">*Preencher apenas quando dados do(s) Equipamento(s) estiverem disponíveis</p>
                </div>
            </div>  
            <!--Comments-->
            @yield('create-commentsAndAttachment')  

    </form>

   @include('include.btn_registrar')
       
    <!--página Script -->
    @include('loading.loadingPlan.scriptBk')
    @include('loading.loadingPlan.style')

@endSection