@extends('layout.padrao')
@section('title', 'Loading 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
   

    {{ Form::open(array('method' => 'post', 'files'=>true, 'enctype'=>'multipart/form-data', 'route'=>'storeLoading', 'id'=>'loading_create')) }}

        {{ csrf_field() }}
        <div class="row" >
            {{ Form::hidden('loadingType', 'LGP') }}
            <input type="hidden"  name="usuarios_id" value="{{Auth::user()->id}}">    
            <input type="hidden"  name="status" id="status" value="On Hold">   
            @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>
                </div>
            </div>

            <!--programacao-->
             <div class="row folha-interna folha-branca-contornada shadow p-3 mb-5 bg-white rounded">
                <h3>Stuffing Information</h3>
                <span class='sep-line3 align-items-center'></span>
                <!--Empty Release-->
                <div class="col col-lg-12 col-sm-12 col-md-12 input-group control-group  increment-empty-release" id="increment-empty-release">

                    @if(old('emptyReleaseQty'))
                        @for($i=0; $i < count(old('emptyReleaseQty')) ; $i++)   
                            <span id="empty-release-child"> 

                                    <div class="col col-lg-3  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']) !!}
                                        {!! Form::select('tank_owners_id[]', [''=>'------ Select Required ------']+$select['tankOwner'], old('tank_owners_id.'.$i), ['class' => 'form-control']) !!}                                 
                                    </div>
                                    <div class="col col-lg-2  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('flexi_suppliers_id.'.$i), ['class' => 'form-control']) !!}                                 
                                    </div>
                                    <div class="col col-lg-3  col-sm-12 col-md-12  form-group empty_realese_places_id-rule {{ $errors->has('empty_realese_places_id.0')? 'has-error':''}}">
                                        {!! Form::label('empty_realese_places_id', 'Empty Release Place', [ 'class' => 'w-100 control-label']) !!}
                                        {!! Form::select('empty_realese_places_id[]', [''=>'------ Select Required ------']+$select['EmptyRealesePlace'], old('empty_realese_places_id.'.$i), ['class' => 'form-control']) !!}                                 
                                    </div>
                                    <div class="col col-lg-1 col-sm-12 col-md-12  form-group emptyReleaseQty-rule {{ $errors->has('emptyReleaseQty.0')? 'has-error':''}}">
                                        {!! Form::label('emptyReleaseQty', 'Qty', [ 'class' => 'w-100 control-label']) !!}
                                        {!! Form::number('emptyReleaseQty[]', old('emptyReleaseQty.'.$i),['class' => 'form-control']) !!}       
                                        
                                    </div>
                                    <div class="col col-lg-2 col-sm-12 col-md-12  form-group {{ $errors->has('emptyReleaseDate.0')? 'has-error':''}}">
                                        {!! Form::label('emptyReleaseDate', 'Empty Release Date', [ 'class' => 'w-100 control-label']) !!}
                                        {!! Form::date('emptyReleaseDate[]', old('emptyReleaseDate.'.$i),['class' => 'form-control', 'min' => '2019-01-01', 'max' => '2080-01-01']) !!}       
                                        
                                    </div>
                                    @if($i==0)
                                        <div id = 'btn_empty-release_change' class="col col-lg-1 col-sm-1 col-md-1 input-group-btn"> 
                                            <div class="circleIcon empty-release-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>
                                            <!-- 
                                                <button class="btn btn-attachment attach-success" type="button">
                                                    <div class="circleIcon">
                                                        <img src="{!! asset('/image/plus.svg') !!}" class="botao-circular-add">
                                                    </div>
                                                </button> 
                                            -->
                                        </div>
                                    @else
                                        <div class="col col-lg-1 col-sm-1 col-md-12 input-group-btn">   
                                            <div class="circleIconRemove empty-release-danger" style="margin-left: -5px; margin-top: 17px">
                                                <img src="{!! asset('/image/minus.svg') !!}" class="botao-circular-delete">
                                            </div> 
                                        </div>
                                        <!-- 
                                            <div id = 'btn_empty-release_change' class="col col-lg-1 col-sm-1 col-md-1 input-group-btn"> 
                                                <div class="circleIconRemove empty-release-danger" style="margin-left: 7px"><img src="/image/minus.svg" class="botao-circular-delete"></div>
                                            </div> 
                                        -->
                                    @endif
                            </span>
                        @endfor
                    @else
                        <span id="empty-release-child">
                            <div class="col col-lg-3  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']) !!}
                                {!! Form::select('tank_owners_id[]', [''=>'------ Select Required ------']+$select['tankOwner'], null, ['class' => 'form-control']) !!}                                 
                            </div>
                            <div class="col col-lg-2  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'], null, ['class' => 'form-control']) !!}                                 
                            </div>
                            <div class="col col-lg-3  col-sm-12 col-md-12  form-group empty_realese_places_id-rule {{ $errors->has('empty_realese_places_id.0')? 'has-error':''}}">
                                {!! Form::label('empty_realese_places_id', 'Empty Release Place', [ 'class' => 'w-100 control-label']) !!}
                                {!! Form::select("empty_realese_places_id[]",  [''=>'------ Select Required ------']+$select['EmptyRealesePlace'], null, ['class' => 'form-control']) !!}                                 
                            </div>
                            <div class="col col-lg-1 col-sm-12 col-md-12  form-group emptyReleaseQty-rule {{ $errors->has('emptyReleaseQty.0')? 'has-error':''}}">
                                {!! Form::label('emptyReleaseQty', 'Qty', [ 'class' => 'w-100 control-label']) !!}
                                {!! Form::number("emptyReleaseQty[]", null,['class' => 'form-control']) !!}       
                                
                            </div>
                            <div class="col col-lg-2 col-sm-12 col-md-12  form-group {{ $errors->has('emptyReleaseDate.0')? 'has-error':''}}">
                                {!! Form::label('emptyReleaseDate', 'Empty Release Date', [ 'class' => 'w-100 control-label']) !!}
                                {!! Form::date("emptyReleaseDate[]", null,['class' => 'form-control', 'min' => '2019-01-01', 'max' => '2080-01-01']) !!}       
                                
                            </div>
                            <div id = 'btn_empty-release_change' class="col col-lg-1 col-sm-1 col-md-1 input-group-btn"> 
                                <div class="circleIcon empty-release-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>
                    @endif
                    
                    
                    
                    
                </div>   

                <!--Stuffing Info-->
                <div class="col col-lg-12 col-sm-12 col-md-12 input-group control-group  increment-stuf" id="increment-stuf">
                    @if(old('stuffingQty'))
                        @for($i=0; $i < count(old('stuffingQty')) ; $i++)   
                            <span id="stuf-child"> 

                                    <div class="col col-lg-4 col-sm-12 col-md-12 form-group {{ $errors->has('loading_plants_id')? 'has-error':''}}">
                                        {!! Form::label('loading_plants_id', 'Loading Plant', [ 'class' => 'w-100 control-label']) !!}
                                        {!! Form::select('loading_plants_id[]', $select['loadingPlant'], old('loading_plants_id.'.$i), ['class' => 'loading_plants form-control']) !!}                                 
                                    </div>
                                    <div class="col col-lg-4  col-sm-12 col-md-12  form-group {{ $errors->has('stuffing_terminals_id.0')? 'has-error':''}}">
                                        {!! Form::label('stuffing_terminals_id', 'Stuffing Place', [ 'class' => 'w-100 control-label']) !!}
                                        {!! Form::select('stuffing_terminals_id[]', [''=>'------ Select Required ------']+$select['StuffingTerminal'], old('stuffing_terminals_id.'.$i), ['class' => 'form-control']) !!}                                 
                                    </div>
                                    <div class="col col-lg-1 col-sm-12 col-md-12  form-group stuffingQty-rule {{ $errors->has('stuffingQty.0')? 'has-error':''}}">
                                        {!! Form::label('stuffingQty', 'Qty', [ 'class' => 'w-100 control-label']) !!}
                                        {!! Form::number('stuffingQty[]', old('stuffingQty.'.$i),['class' => 'form-control']) !!}       
                                        
                                    </div>
                                    <div class="col col-lg-2 col-sm-12 col-md-12  form-group {{ $errors->has('stuffingDate.0')? 'has-error':''}}">
                                        {!! Form::label('stuffingDate', 'Stuffing Date', [ 'class' => 'w-100 control-label']) !!}
                                        {!! Form::date('stuffingDate[]', old('stuffingDate.'.$i),['class' => 'form-control', 'min' => '2019-01-01', 'max' => '2080-01-01']) !!}       
                                        
                                    </div>
                                    @if($i==0)
                                    <div id = 'btn_stuf_change' class="col col-lg-1 col-sm-1 col-md-1 input-group-btn"> 
                                        <div class="circleIcon stuf-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>
                                    @else
                                        <div id = 'btn_stuf_change' class="col col-lg-1 col-sm-1 col-md-1 input-group-btn"> 
                                            <div class="circleIconRemove stuf-danger" style="margin-left: -5px; margin-top: 17px"><img src="/image/minus.svg" class="botao-circular-delete"></div>
                                        </div>
                                    @endif
                            </span>
                        @endfor
                    @else
                        <span id="stuf-child">
                            <div class="col col-lg-4 col-sm-12 col-md-12 form-group {{ $errors->has('loading_plants_id')? 'has-error':''}}">
                                {!! Form::label('loading_plants_id', 'Loading Plant', [ 'class' => 'w-100 control-label']) !!}
                                {!! Form::select('loading_plants_id[]', $select['loadingPlant'], old('loading_plants_id'), ['class' => 'loading_plants form-control']) !!}                                 
                            </div>
                            <div class="col col-lg-4  col-sm-12 col-md-12  form-group {{ $errors->has('stuffing_terminals_id.0')? 'has-error':''}}">
                                {!! Form::label('stuffing_terminals_id', 'Stuffing Place', [ 'class' => 'w-100 control-label']) !!}
                                {!! Form::select("stuffing_terminals_id[]",  [''=>'------ Select Required ------']+$select['StuffingTerminal'], null, ['class' => 'form-control']) !!}                                 
                            </div>
                            <div class="col col-lg-1 col-sm-12 col-md-12  form-group stuffingQty-rule {{ $errors->has('stuffingQty.0')? 'has-error':''}}">
                                {!! Form::label('stuffingQty', 'Qty', [ 'class' => 'w-100 control-label']) !!}
                                {!! Form::number("stuffingQty[]", null,['class' => 'form-control']) !!}       
                                
                            </div>
                            <div class="col col-lg-2 col-sm-12 col-md-12  form-group {{ $errors->has('stuffingDate.0')? 'has-error':''}}">
                                {!! Form::label('stuffingDate', 'Stuffing Date', [ 'class' => 'w-100 control-label']) !!}
                                {!! Form::date("stuffingDate[]", null,['class' => 'form-control', 'min' => '2019-01-01', 'max' => '2080-01-01']) !!}       
                                
                            </div>
                            <div id = 'btn_stuf_change' class="col col-lg-1 col-sm-1 col-md-1 input-group-btn"> 
                                <div class="circleIcon stuf-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>
                    @endif
                   
                </div>   
                

                <div class="col col-lg-4 col-sm-12 col-md-12  form-group hauling_id-rule {{ $errors->has('hauling_id')? 'has-error':''}}">
                    {!! Form::label('hauling_id', 'Hauling', [ 'class' => 'w-100 control-label']) !!}
                    {!! Form::select('hauling_id',  [''=>'------ Select Required ------']+$select['hauling'], old('hauling' , ''), ['class' => 'form-control']) !!} 
                </div>

                <span class='sep-line3 align-items-center'></span>    
                <div class="col colunaForm">
                    <div class="row folha-interna folha-azul-contornada shadow p-3 mb-5 bg-white rounded">
                        <div class="col col-lg-4 col-sm-12 col-md-12 form-group minQtyLoaded-rule {{ $errors->has('minQtyLoaded')? 'has-error':''}}">
                            {!! Form::label('minQtyLoaded', 'Min Qty to be Loaded', [ 'class' => 'w-100 control-label']) !!}
                            {!! Form::number('minQtyLoaded', null, ['class' => 'form-control' , 'step' => '0.001']) !!}     
                        </div>
                        <div class="col col-lg-4 col-sm-12 col-md-12 form-group maxQtyLoaded-rule {{ $errors->has('maxQtyLoaded')? 'has-error':''}}">
                            {!! Form::label('maxQtyLoaded', 'Max Qty To Be Loaded', [ 'class' => 'w-100 control-label']) !!}
                            {!! Form::number('maxQtyLoaded', null, ['class' => 'form-control' , 'step' => '0.001']) !!} 
                            <span style="font-size:10px;">Please fill maximum total allowed quantity. Ex. 220.000. Sum up volume of all Equipments.</span>
                            
                        </div>
                        <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'], old('cargoType' , ''), ['class' => 'form-control']) !!}     
                        </div>
                        <div class="col col-lg-2 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'], old('UN' , ''), ['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-2 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'], old('foodgrade' , ''), ['class' => 'form-control']) !!}        
                        </div>         
                        <div class="col col-lg-2 col-sm-12 col-md-12 form-group {{ $errors->has('fumigations')? 'has-error':''}}">
                            {!! Form::label('fumigations', 'Fumigation', [ 'class' => 'w-100 control-label']) !!}
                            {!! Form::select('fumigations', [''=>'-- Select Required --']+ $select['fumigation'], old('fumigation' , ''), ['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="{{old('imoCutoffDate' , '')}}">
                            <p class="hide textinfo imoCutoffDate-date">IMO Cutoff deve ser menor que ETD POL</p>             
                        </div>
                        <!--
                        <div class="col col-lg-3 col-sm-12 col-md-12 form-group imoCutoffTime-rule { $errors->has('imoCutoffTime')? 'has-error':''}}">
                            {!! Form::label('imoCutoffTime', 'IMO Cutoff Hour', [ 'class' => 'w-100 control-label']) !!}
                            {!! Form::time('imoCutoffTime', null, ['class' => 'form-control', 'placeholder'=>'00:00']) !!}           
                        </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="{{old('inspectionDate' , '')}}">            
                        </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'), ['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'), ['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', old('isotankDetails' , ''), ['class' => 'form-control textsAreaSuper', 'rows' => 7, 'sytle' => 'text-transform:uppercase;' , 'id' => 'isoComments' ]) !!}
                            <p style="color:red; font-size:10px;">*Preencher apenas quando dados do(s) Equipamento(s) estiverem disponíveis</p>
                        </div>
                        <div class="col col-lg-6 col-sm-12 col-md-12 form-group {{ $errors->has('isotankDetails')? 'has-error':''}}">
                            {!! Form::label('additionalDetails', 'Additional Details', [ 'class' => 'w-100 control-label', ]) !!}  
                            {!! Form::textarea('additionalDetails', old('additionalDetails' , ''), ['class' => 'form-control textsAreaSuper', 'rows' => 7, 'sytle' => 'text-transform:uppercase;' , 'id' => 'addComments' ]) !!}
                        </div>
                    </div>
                </div>
                
                
            </div>
            <!--Comments -->
            @yield('create-commentsAndAttachment')  


            <!-página Script -->           
            @include('loading.loadingPlan.script')
    </form>

    @include('include.btn_registrar')

    @include('loading.loadingPlan.style')

@endSection