@extends('layout.padrao')
@include('Client.modules')
@section('title', 'Update' . ' - ' . ($cliente->type))
@section('content')

  @if($errors->any())
      <div class="alert alert-danger">
      @foreach($errors->all() as $error)
          {{ $error }} <br>
      @endforeach
      </div>
  @endif
  <div class="tabbable"> <!--  Only required for left/right tabs -->
    <ul class="nav nav-tabs" id='myTab'>
        <li  class="active"> <a href="#tab1" data-toggle="tab">Client</a></li>
        <li  ><a href="#tab2" data-toggle="tab">SOP Template</a></li>
    </ul>
    <div class="tab-content">
      <div class="tab-pane active" id="tab1">
        <div class="row">
            <div class="col col-lg-3 form-group">
                {!! Form::label('type', 'Type', [ 'class' => 'w-100 control-label', ]) !!}
                {!! Form::select('type', $select['type'], old('type', $cliente->type), ['class' => 'form-control', 'id'=> 'type','readOnly'=>'readOnly'])!!}
            </div>
            <div class="col col-lg-3 col-sm-6 col-md-12 form-group">
                @yield('name')
            </div>
            <div class="col col-lg-6 col-sm-6 col-md-12 form-group">
                @yield('fantasyName')
            </div>

            <div class="col col-lg-6 form-group">
                {!! Form::label('address', 'Address', [ 'class' => 'w-100 control-label', ]) !!}
                {!! Form::textarea('address', old('address', $cliente->address) , ['disabled' => 'disabled','class' => 'form-control ', 'rows' => '9', 'placeholder' =>'Address' ,'id' => 'address'])!!}
            </div>
            <div class="col col-lg-6 form-group">
                <div class="col col-lg-6 form-group">
                    {!! Form::label('countries_id', 'Country', [ 'class' => 'w-100 control-label', ]) !!}
                    {!! Form::select('countries_id', $select['country'] , old('countries_id', $cliente->countries_id), ['disabled' => 'disabled','class' => 'form-control '])!!}
                </div>
                <div class="col col-lg-6 form-group">
                    {!! Form::label('state_id2', 'State', [ 'class' => 'w-100 control-label', ]) !!}
                    {!! Form::select('state_id2', $select['state'], old('state_id', $cliente->state_id), ['disabled' => 'disabled','class' => 'form-control '])!!}
                </div>
                <div class="col col-lg-6 form-group">
                    {!! Form::label('city', 'City', [ 'class' => 'w-100 control-label', ]) !!}
                    {!! Form::select('city', $select['cities'], old('cities', $cliente->cities_id), ['disabled' => 'disabled','class' => 'form-control'])!!}
                </div>
                <div class="col col-lg-6 form-group">
                    {!! Form::label('zipCode', 'ZIP Code', [ 'class' => 'w-100 control-label', ]) !!}
                    {!! Form::text('zipCode', old('zipCode', $cliente->zipCode) , ['disabled' => 'disabled','class' => 'form-control zipcode ' , 'placeholder' =>'ZIP Code'])!!}
                </div>
                <div class="col col-lg-6 form-group">
                    {!! Form::label('CNPJ', 'CNPJ', [ 'class' => 'w-100 control-label', ]) !!}
                    {!! Form::text('CNPJ', old('CNPJ', $cliente->CNPJ), ['disabled' => 'disabled','class' => 'form-control cnpj ' , 'placeholder' =>'CNPJ'])!!}
                </div>

            </div>
            <span class='sep-line align-items-center'></span>
            <div class="column col col-lg-6">
                <div class="col col-lg-12">
                    <h3> Contacts: </h3>
                </div>
                <div class="row col col-lg-12 form-group p-2 mb-3 ml-1 bg-rounded" style="border: 1px solid #ccc">
                    <div class="col col-lg-6 form-group {{ $errors->has('phone1')? 'has-error':''}}">
                        <label for="phone1" class="w-100 control-label">Telephone </label>
                        <input type="text" name="phone1" value="{{$cliente->phone1}}" class="form-control" placeholder = "Telephone" readonly>
                    </div>
                    <div class="col col-lg-6 form-group">
                        <label for="phone2" class="w-100 control-label">Telephone </label>
                        <input type="text" name="phone2" value="{{$cliente->phone2}}" class="form-control" placeholder = "Telephone" readonly>
                    </div>
                    <div class="col col-lg-6 form-group">
                        <label for="email" class="w-100 control-label">E-mail </label>
                        <input type="text" name="email" value="{{$cliente->email}}" class="form-control" placeholder = "E-mail" readonly>
                        
                    </div>
                    <div class="col col-lg-6 form-group">
                        {!! Form::label('status', 'Status', [ 'class' => 'w-100 control-label', ]) !!}
                        {!! Form::select('status', $select['status'], old('type', $cliente->status), ['disabled' => 'disabled', 'class' => 'form-control', 'id'=> 'status'])!!}
                    </div>
                </div>
            </div>
            <div class="column col col-lg-6">
                <div class="col col-lg-12">
                    <h3> Finance Contacts: </h3>
                </div>
                <div class="row col col-lg-12 form-group p-2 mb-3 ml-1 bg-rounded" style="border: 1px solid #ccc">
                    <div class="col col-lg-12 form-group">
                        <label for="reserva1" class="w-100 control-label">Invoice Address (Separate with a comma) / Contato Envio de Faturamento (Separados por vírgula ",")</label>
                        <input type="email" multiple pattern="^([\w+-.%]+@[\w-.]+\.[A-Za-z]{2,4},*[\W]*)+$" name="reserva1" value="{{$cliente->reserva1}}" class="form-control" placeholder = "Invoice Address" readonly>
                    </div>
                    <div class="col col-lg-12 form-group">
                        <label for="reserva2" class="w-100 control-label">CC (Separate with a comma) / CC (Separados por vírgula ",") </label>
                        <input type="email" multiple pattern="^([\w+-.%]+@[\w-.]+\.[A-Za-z]{2,4},*[\W]*)+$" name="reserva2" value="{{$cliente->reserva2}}" class="form-control" placeholder = "CC" readonly>
                    </div>
                </div>
            </div>
            <span class='sep-line align-items-center' ></span>
            <div id='mydiv'>


@if($cliente->type != 'Shipper')
<div class="column col col-lg-6" >
    <div class="col col-lg-10">
        <h4> Loading Plant </h4>
    </div>
    <div id = 'btn_loadingplant_change' class="col col-lg-1 col-sm-1 col-md-1 input-group-btn">
        <div class="circleIcon loadingplant-success" type="button"  >
            <img src="{!! asset('/image/plus.svg') !!}" class="botao-circular-add">
        </div>
    </div>
    <div class="row col col-lg-12 form-group p-2 mb-3 ml-1 bg-rounded increment-loadingplant" id="increment-loadingplant" style="border: 1px solid #ccc;padding-top: 18px !important;">
        <div class="col col-lg-5 pl-4">
            <div class="col col-lg-9 col-md-9 col-sm-9 form-group align-self-end">
                Supplier
            </div>

            <div class="col col-lg-1 col-sm-1 col-md-1 input-group-btn align-self-end" data-toggle="modal" data-target="#addSupplier"  data-placement="top" title="Add Supplier"> 
                <div class="circleIcon" type="button" style="margin-left: -2px; margin-top: -7px;">
	                <img src="{!! asset('/image/plus.svg') !!}" class="botao-circular-add">
                </div>
            </div>

        </div>

        {{-- <div class="col col-lg-4 pl-4">Name</div> --}}
        <div class="col col-lg-5 pl-4">City</div>
        <div class="col col-lg-2"></div>

    @forelse ($cliente->loading_plants as $key => $value)
    <!--Aqui vc coloca o check box [] -->
        <span id="loadingplant-child">
            <div class="col col-lg-5 form-group"  style="width: 95% !important;" id='mydiv'>
                <select class="form-control suppliersid" name="suppliers_id[]" id="suppliers_id" >
                    @foreach ($select['suppliers'] as $key => $suppliers)
                        <option {{ $value->suppliers_id == $key ? "selected" : "" }}  value="{{ $key }}">{{ $suppliers }}</option>
                    @endforeach
                </select>

            </div>
                {!! Form::text('loadingplant[]', old('loadingplant', $value->descricao), ['class' => 'form-control loading_clear' , 'placeholder' =>'Loading Plant', 'hidden'=>'hidden']) !!}
            <div class="col col-lg-5 form-group"  style="width: 95% !important;">
{{--                                    {!! Form::select('cities_id[]', $select['citiesLoadingPlant'], old('loadingplant', $value->cities_id), ['class' => 'form-control', 'id'=>'loading_clear_cities' ]) !!}--}}
                    <select id="cities_id-1" name="cities_id[]" class="cities_control" >
                        @if(isset( $value->cities_id))
                            <option selected value="{{$value->cities_id}}">{{$value->cities->descricao}}</option>
                        @else
                            <option>- Search City -</option>
                        @endif

                    </select>
            </div>
            <div  class="col col-lg-1 d-flex flex-row-reverse mb-3" style="width: 95px !important;">
            <input type="hidden" name="loading_id[]" id="env_id" value="{{$value->id}}" class='form-control loading_clear'>
                <input type="checkbox" data-onstyle="primary" data-size="small" data-toggle="toggle" name='status_plant[{{$value->id}}]' {{$value->status == 'Ativo'? 'checked':''}}>
            </div>
            <div id = 'btn_loadingplant_change' class="col col-lg-1 col-sm-1 col-md-12 input-group-btn">
            <div class="btn circleIconRemove loadingplant-danger" disabled style="margin-left: -17px; margin-top: -20px"><img src="/image/minus.svg" class="botao-circular-delete"></div>
            </div>
        </span>
        @empty
            <span id="loadingplant-child" >
                <div class="col col-lg-5 form-group"  style="width: 95% !important;" id='mydiv'>
                    <select class="form-control suppliersid" name="suppliers_id[]" id="suppliers_id" >
                        @foreach ($select['suppliers'] as $key => $suppliers)
                            <option  value="{{ $key }}">{{ $suppliers }}</option>
                        @endforeach
                    </select>

                </div>
                    {!! Form::text('loadingplant[]', null, ['class' => 'form-control loading_clear' , 'placeholder' =>'Loading Plant', 'hidden'=>'hidden']) !!}
                <div class="col col-lg-5 form-group"  style="width: 100% !important;">
{{--                                        {!! Form::select('cities_id[]', $select['citiesLoadingPlant'], old('cities_id[]'), ['class' => 'form-control', 'id'=>'loading_clear_cities']) !!}--}}
                    <select id="cities_id-1" name="cities_id[]" class="cities_control">
                        @if(isset( $value->cities_id))
                            <option selected value="{{$value->cities_id}}">{{$value->cities->descricao}}</option>
                        @else
                            <option>- Search City -</option>
                        @endif

                    </select>
                </div>
                <div  class="col col-lg-1 d-flex flex-row-reverse mb-3" style="width: 95px !important;">
                    <input type="hidden" name="loading_id[]" class='form-control loading_clear'>

                    <input type="checkbox" data-onstyle="primary" data-size="small" data-toggle="toggle" name='status_plant[]'>
                </div>
                <div id = 'btn_loadingplant_change' class="col col-lg-1 col-sm-1 col-md-12 input-group-btn">
                    <div class="btn circleIconRemove loadingplant-danger" disabled style="margin-left: -17px; margin-top: -20px"><img src="/image/minus.svg" class="botao-circular-delete"></div>
                </div>
            </span>

        @endforelse
            </div>
        </div>
        @else
        <div class="column col col-lg-6" id="plantShipperType">
            <div class="col col-lg-12">
                <h4> Loading Plant </h4>
            </div>
            <div class="col col-lg-12">
                {!! Form::label('plantshipper', 'Loading Plants', [ 'class' => 'w-100 control-label']) !!}
                {!! Form::select('plantshipper[]', $select['shipplerPlants'], old('plantshipper[]',$cliente->plantshipper), ['disabled' => 'disabled', 'class' => 'plantsshipper form-control ','multiple'=>'multiple']) !!}
            </div>
        </div>
        @endif
    </div>

    <div class="column col col-lg-6">
        <div class="col col-lg-12">
            <h4> Products </h4>
        </div>
        <div class="col col-lg-11 col-sm-8 col-md-8 p-2 mb-5 ml-1 form-group platforms-rule {{ $errors->has('platforms')? 'has-error':''}}" style="border: 1px solid #ccc; padding: 18.5px 5px !important;">
            {!! Form::select('platform[]', $select['platform'], old('platform',$cliente->platforms), ['disabled' => 'disabled','class' => 'platform form-control','multiple'=>'multiple']) !!}
            @if($errors->has('platform'))
                <span class="help-block">
                    {{$errors->first('platform')}}
                </span>
            @endif
        </div>
    </div>
</div>

<div class="w-100 form-group">
    <div class="col-sm-offset-2 col-sm-10 text-right">
        <button type="reset" class="btn btn-padrao" onClick="history.go(-1)"> Cancel </button>
    </div>
</div>
</div>
      <div class="tab-pane " id="tab2">
          @include('Client.editSOPtab')
      </div>
    </div>
  </div>
  </form>
  @include('include.modal_deletar', ["rota" => "template"])
  @include('include.modal_template')
  @include('Client.modal_supplier_insert')

  <script>
  
  $(" .platform ").select2({
        placeholder: "Select and Search",
        allowClear:true,
        maximumSelectionLength: 200,

    });
  
  </script>
  <script src="{{asset ('js/jquery.inputmask.js')}}"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js'></script>
  <script src="{{asset ('js/jquery.inputmask.js')}}"></script>
@endSection