@extends('layouts.app')
@section('htmlheader_title')
Clientes Express
@endsection
@section('contentheader_title')
<span style="background-image: linear-gradient(40deg, #d4fc79, #00C851); padding-right:30vw; position:relative; overflow:hidden;">
    {{'Clientes Express'}}
    <div style="background-color:#ecf0f5; position:absolute; height:145%; width:40vw; transform:rotate(30deg); right:-20vw; top:-45%;"></div>
</span>
@endsection
@section('main-content')
<div class="container-fluid spark-screen">
    <div class="row">
        <div class="col-md-16 col-md-offset-0">
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">{{ __('adminlte::message.clientindexboxtitle') }}</h3>
                    <a href="{{ route('registroexpress') }}" class="btn btn-primary pull-right">{{ __('adminlte::message.create') }}</a>
                </div>
                <div class="box box-info">
                    <div class="box-body">
                        <table id="clientesTable" class="table table-compact table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Registro</th>
                                    <th>{{ __('adminlte::message.clientNIT') }}</th>
                                    <th>{{ __('adminlte::message.clirazonsoc') }}</th>
                                    <th>Dirección</th>
                                    <th>Localidad</th>
                                    <th>Telefono</th>
                                    @if(in_array(Auth::user()->UsRol, Permisos::TODOPROSARCMenosComercial))
                                    <th>Comercial Asignado</th>
                                    @endif
                                    <th>Tipo</th>
                                    <th>{{ __('adminlte::message.seemore') }}</th>
                                </tr>
                            </thead>
                            <tbody onload="renderTable()" id="readyTable">
                                @foreach($clientes as $cliente)
                                {{-- <tr style="{{$cliente->CliDelete === 1 ? 'color: red;' : ''}}"> --}}
                                <tr>
                                    <td>{{$cliente->created_at}}</td>
                                    <td>{{$cliente->CliNit}}</td>
                                    <td>{{$cliente->CliName}}</td>
                                    <td>{{ $cliente->SedeAddress ?? 'sin sede definida' }}</td>
                                    <td>{{ $cliente->SedeMapLocalidad ?? 'N/A' }}</td>
                                    <td>{{$cliente->SedeCelular}}</td>
                                    @if(in_array(Auth::user()->UsRol, Permisos::TODOPROSARCMenosComercial))
                                    <td>
                                        @if(in_array(Auth::user()->UsRol, Permisos::AsigComercial) || in_array(Auth::user()->UsRol2, Permisos::AsigComercial))
                                        <a href="#" class="kg" onclick="changeComercial(`{{$cliente->CliSlug}}`, {{intval($cliente->CliComercial)}}, `{{$cliente->CliShortname}}`)"><i class="fas fa-marker"></i></a>
                                        @endif
                                        {{ $cliente->comercial_nombre }}
                                    </td>
                                    @endif
                                    <td>
                                        @if($cliente->origen === 'SISPRO')
                                            <span class="label label-primary">SISPRO</span>
                                        @else
                                            <span class="label label-success">CHATBOT</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($cliente->origen === 'SISPRO')
                                            <a method='get' href='/clientexpress/{{$cliente->CliSlug}}' class='btn btn-info btn-block' title="{{ __('adminlte::message.seemoredetails')}}"><i class="fas fa-search"></i></a>
                                        @else
                                            <a method='get' href='clientexpress/{{$cliente->CliSlug}}' class='btn btn-info btn-block' title="{{ __('adminlte::message.seemoredetails')}}"><i class="fas fa-search"></i></a>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <div id="divchangeComercial"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@if(in_array(Auth::user()->UsRol, Permisos::AsigComercial) || in_array(Auth::user()->UsRol2, Permisos::AsigComercial))
@section('NewScript')
<script>
    function changeComercial(slug, idPers, clishorname){
			var selected = idPers;
			var personal = [];
			var personals = <br />
<b>Warning</b>:  Undefined variable $personals in <b>C:\laragon\www\sispro.prosarc.com.co\resources\views\clientExpress\indexExpress.blade.php</b> on line <b>88</b><br />
null;

			$('#divchangeComercial').empty();
			$('#divchangeComercial').append(`
				<form role="form" action="/clientes/`+slug+`/changeComercial" method="POST" enctype="multipart/form-data" data-toggle="validator">
					@csrf
					<div class="modal modal-default fade in" id="changeComercial" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
						<div class="modal-dialog" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<label style="font-size: 2rem;">Asignación de comercial</label>
									<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">X</span></button>
								</div>
								<div class="modal-body">
									<div class="form-group has-feedback">
										<label>Seleccione el comercial</label><small class="help-block with-errors">*</small>
										<select name="Comercial" id="Comercial" class="form-control" required>
											<option value="">Seleccione...</option>

										</select>
									</div>
									<div class="form-group has-feedback">
										<span data-placement="auto" data-trigger="hover" data-html="true" data-toggle="popover" title="<b>Nombre Corto del Cliente</b>" data-content="el <b><i>Nombre Corto</i></b> es para facilitar el manejo interno de la informacion del cliente... en este campo solo debe escribir caracteres alfanumericos <b>(no se permiten espacios)</b>"><i style="color: Dodgerblue;" class="fas fa-info-circle fa-spin"></i></span>
									    <label for="modalCliShortname" class="control-label">Nombre Corto</label>
									    <small class="help-block with-errors">*</small>
									      <input type="text" pattern="^[_A-z0-9]{1,}$" data-pattern-error="solo se admiten letras y numeros" maxlength="15" class="form-control" placeholder="1000hz" required value="`+clishorname+`" name="CliShortname" id="modalCliShortname">
									</div>
								</div>
								<div class="modal-footer">
									<button type="submit" class="btn btn-success pull-right">{{__('adminlte::message.save')}}</button>
								</div>
							</div>
						</div>
					</div>
				</form>
			`);
			// Selects();
			personals.forEach(function(value, index) {
			    personal[index] = value;
				if (personal[index]['ID_Pers'] == idPers) {
					$('#Comercial').append(`<option selected value='`+personal[index]['ID_Pers']+`'> `+personal[index]['PersFirstName']+` `+personal[index]['PersLastName']+` </option>`);
			    }else{
			    	$('#Comercial').append(`<option value='`+personal[index]['ID_Pers']+`'> `+personal[index]['PersFirstName']+` `+personal[index]['PersLastName']+` </option>`);
			    }
			});
			popover();
			$('form').validator('update');
			$('#changeComercial').modal();
		}
</script>
@endsection
@endif