@extends('layout.padrao')
@section('title', 'Hauling Process (Processo Transportadora)')
@section('content')

    @include('haulingProcess.bookinginformation')

    @if($errors->any())
        <div class="alert alert-danger">
            @foreach($errors->all() as $error)
                {{ $error }} <br>
            @endforeach
        </div>
    @endif

    <div class="row folha-interna4 col-lg-12 col-md-12 col-sm-12">
        <h3>Hauling Details <small>(Detalhes do Processo)</small></h3>
    </div>

    @foreach($haulingProcesses as $itens)
        <p>{{ $itens->id }}</p>
    @endforeach

    {{ Form::open(array('method' => 'post', 'enctype'=>'multipart/form-data', 'route'=>'haulingprocess.store' , 'id'=>'')) }}
    {{ csrf_field() }}

    <div id="mainInputs_1" class="row folha-interna4 col-lg-12 col-md-12 col-sm-12 shadow p-3 mb-5 bg-white rounded">
        <div class="row col-lg-12 col-md-12 col-sm-12">

            <input type="hidden" id="customId_1" name="customId[]" value="1">
            <input type="hidden" name="loading_requests_id" value="{{$loadingRequest->id}}">


            <div class="col col-lg-4 col-md-4 col-sm-11 form-group {{ $errors->has('tipoPrincipal')? 'has-error':''}} align-self-end" >
                <label for="individuals_id_1" class="w-100 control-label">Nome Motorista</label>
                <select class="form-control" name="individuals_id[]" id="individuals_id_1" required>
                    @foreach($select['individuals'] as $key => $truckDriver)
                        <option value="{{$key}}" {{ ($key == 0) ? "selected" : ""  }} >{{$truckDriver}}</option>
                    @endforeach
                </select>
            </div>

            <div class="col col-lg-1 col-md-1 col-sm-1 form-group align-self-end">
                <a href="{{ route('createIndividual') }}">
                    <div class="circleIcon" type="button" style="margin-left: -2px; margin-top: -7px;">
	                    <img src="{!! asset('/image/plus.svg') !!}" class="botao-circular-add">
                    </div>
                </a>
            </div>


                            

            <div class="col col-lg-2 col-md-2 col-sm-12 form-group {{ $errors->has('tipoPrincipal')? 'has-error':''}} align-self-end" >
                <label for="cpf_1" class="w-100 control-label">CPF</label>
                <input class="form-control" placeholder="" readonly name="cpf[]" id="cpf_1" type="text">
            </div>

            <div class="col col-lg-2 col-md-2 col-sm-12 form-group {{ $errors->has('tipoPrincipal')? 'has-error':''}} align-self-end" >
                <label for="cnh_1" class="w-100 control-label">CNH</label>
                <input class="form-control" placeholder="" readonly name="cnh[]" id="cnh_1" type="text">
            </div>

            <div class="col col-lg-2 col-md-2 col-sm-12 form-group {{ $errors->has('tipoPrincipal')? 'has-error':''}} align-self-end" >
                <label for="equipmentNumber" class="w-100 control-label">N&uacute;mero do Equipamento</label>
                <input class="form-control " placeholder="" name="equipmentNumber[]" type="text">
            </div>

            <div class="col col-lg-1 col-md-1 col-sm-12 form-group {{ $errors->has('tipoPrincipal')? 'has-error':''}} align-self-end" >
                <label for="tare" class="w-100 control-label">Tara</label>
                <input class="form-control " placeholder="" name="tare[]" type="number">
            </div>

            <div class="col col-lg-3 col-md-3 col-sm-12 form-group {{ $errors->has('tipoPrincipal')? 'has-error':''}} align-self-start" >
                <label for="truckPlate" class="w-100 control-label">Placa Cavalo</label>
                <input class="form-control " placeholder="" name="truckPlate[]" type="text">
            </div>

            <div class="col col-lg-3 col-md-3 col-sm-12 form-group {{ $errors->has('tipoPrincipal')? 'has-error':''}} align-self-start" >
                <label for="axlesPlate" class="w-100 control-label">Placa Carreta 1</label>
                <input class="form-control " placeholder="" name="axlesPlate[]" type="text">
            </div>

            <div class="col col-lg-6 col-md-6 col-sm-12 form-group align-self-end shadow p-3 rounded" >
                <div id="sealDetailsInputs_1_1" class="row col-lg-12 col-md-12 col-sm-12">
                    <div class="col col-lg-5 col-md-5 col-sm-12 form-group {{ $errors->has('tipoPrincipal')? 'has-error':''}} align-self-end" >
                        <label class="w-100 control-label">Tipo do Lacre</label>
                        <select class="form-control" name="seal_types_id[1][]" id="seal_types_id_1_1" required>
                            @foreach($select['sealType'] as $key => $sealType)
                                <option value="{{$key}}" {{ ($key == 0) ? "selected" : ""  }} >{{$sealType}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col col-lg-5 col-md-5 col-sm-10 form-group {{ $errors->has('tipoPrincipal')? 'has-error':''}} align-self-end" >
                        <label class="w-100 control-label">Número do Lacre</label>
                        <input class="form-control " placeholder="" name="sealNumber[1][]" id="sealNumber_1_1" type="text">
                    </div>

                    <div class="col col-sm-2 form-group align-self-end">
                        <div id = 'btn_add_sealtype' class="col col-lg-1 col-sm-1 col-md-1 input-group-btn"> 
                            <div class="circleIcon" type="button" style="height:34px; width: 34px; margin-left: -2px; margin-top: -2px;">
	                            <img src="{!! asset('/image/plus.svg') !!}" class="botao-circular-add">
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
            </div>

            <div class="col col-sm-offset-11 col-sm-1 form-group align-self-end">
                <div id = 'btn_add' class="col col-lg-1 col-sm-1 col-md-1 input-group-btn"> 
                    <div class="circleIcon" type="button" style="height:34px; width: 34px; margin-left: -2px; margin-top: -2px;">
	                    <img src="{!! asset('/image/plus.svg') !!}" class="botao-circular-add">
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div id="commentsArea" class="row folha-interna4 col-lg-12 col-md-12 col-sm-12">
        <h3>Attachments / Comments <small>(Anexos / Comentários)</small></h3>
    </div>


    <div class="row folha-interna4 col-lg-12 col-md-12 col-sm-12 shadow p-3 mb-5 bg-white rounded">
        <div class="row col-lg-12 col-md-12 col-sm-12">
            <div class="col col-lg-12 col-md-12 col-sm-12 form-group {{ $errors->has('tipoPrincipal')? 'has-error':''}}" >
                <label for="comments" class="w-100 control-label">Comments (Comentário)</label>
                <textarea class="form-control " placeholder=" " name="comments" cols="50" rows="10" id="comments"></textarea>
            </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>
@endsection

@include('haulingProcess.script')