@extends('layout.administrator.index')
@section('title', 'Supervisors')

@section('content')
  <div class="content-wrapper">
    <section class="content-header">
      {{-- <h1>Supervisors</h1> --}}
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{route('administrator.dashboard')}}"><i class="fa fa-dashboard"></i> Inicio</a></li>
        <li class="breadcrumb-item"><a href="{{route('administrator.supervisors.index')}}"> Supervisors</a></li>
        <li class="breadcrumb-item active">Editar</li>
      </ol>
    </section>

    <section class="content">
      @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
          {{session('success')}}
          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
      @endif
      @if(session('danger'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
          {{session('danger')}}
          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
      @endif
      <div class="row">
        <div class="col-md-8">
          <div class="box">
            <div class="box-header with-border">
              <div class="row align-items-center">
                <div class="col-12">
                  <h4 class="box-title">Editar</h4>
                </div>
              </div>
            </div>
            <div class="box-body">
              <form action="{{route('administrator.supervisors.update', [$supervisor->uuid])}}" method="post" files="true" enctype="multipart/form-data">
                @method('PUT')
                @csrf
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="document_type" class="control-label">Tipo de documento *</label>
                      <select class="form-control hg_select select2" id="document_type" name="document_type" required>
                        @foreach ($documentTypes as $documentType)
                          <option value="{{$documentType->id}}">{{$documentType->reference}} - {{$documentType->name}}</option>
                        @endforeach
                      </select>
                      <small class="text-danger">{{ $errors->first('document_type') }}</small>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="document" class="control-label">Documento *</label>
                      <input type="text" id="document" name="document" placeholder="Documento" autocomplete="off" class="form-control input-number" value="{{$supervisor->document}}" required>
                      <small class="text-danger">{{ $errors->first('document') }}</small>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="username" class="control-label">Usuario *</label>
                      <input type="text" id="username" name="username" placeholder="Usuario" autocomplete="off" class="form-control" value="{{$supervisor->username}}" required>
                      <small class="text-danger">{{ $errors->first('username') }}</small>
                    </div>
                  </div>
                  <div class="col-md-8">
                    <div class="form-group">
                      <label for="email" class="control-label">Correo *</label>
                      <input type="email" id="email" name="email" placeholder="Correo" autocomplete="off" class="form-control" value="{{$supervisor->email}}" required>
                      <small class="text-danger">{{ $errors->first('email') }}</small>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="name" class="control-label">Nombre *</label>
                      <input type="text" id="name" name="name" placeholder="Nombre" autocomplete="off" class="form-control" value="{{$supervisor->name}}" required>
                      <small class="text-danger">{{ $errors->first('name') }}</small>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="lastName" class="control-label">Apellidos</label>
                      <input type="text" id="lastName" name="last_name" placeholder="Apellidos" autocomplete="off" class="form-control" value="{{$supervisor->last_name}}" required>
                      <small class="text-danger">{{ $errors->first('last_name') }}</small>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="cellphone" class="control-label">Celular principal *</label>
                      <input type="text" id="cellphone" name="cellphone" placeholder="Celular" autocomplete="off" class="form-control input-number" value="{{$supervisor->cellphone}}" required>
                      <small class="text-danger">{{ $errors->first('cellphone') }}</small>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="reportType" class="control-label">Tipo de reporte *</label>
                      <select name="reportType" class="form-control select2" id="reportType">
                        <option value="2">Estandar</option>
                        <option value="1">Premium</option>
                      </select>
                      <small class="text-danger">{{ $errors->first('reportType') }}</small>
                    </div>
                  </div>
                </div>
                {{-- <div class="row">
                  <div class="col-md-12">
                    <div class="form-group">
                      <label for="customers" class="control-label">Clientes</label>
                      <select name="customers[]" class="form-control select2" id="customers" multiple>
                        @foreach ($customers as $key => $customer)
                          <option value="{{$key}}">{{$customer}}</option>
                        @endforeach
                      </select>
                      <small class="text-danger">{{ $errors->first('customers') }}</small>
                    </div>
                  </div>
                </div> --}}
                <div class="row">
                  <div class="col-md-12">
                    <button type="submit" class="btn btn_admin btn-block">Guardar cambios</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="box">
            <div class="box-header with-border">
              <div class="row align-items-center">
                <div class="col-12">
                  <h4 class="box-title">Cambio de estado</h4>
                </div>
              </div>
            </div>
            <div class="box-body">
              <form action="{{route('administrator.supervisors.state', [$supervisor->uuid])}}" method="post" files="true" enctype="multipart/form-data">
                @method('PUT')
                @csrf
                <div class="row">
                  <div class="col-md-12">
                    <div class="form-group">
                      <label for="state" class="control-label">Estado *</label>
                      <select class="form-control hg_select select2" id="state" name="state">
                        @foreach (Config::get('constants.states') as $key => $state)
                          <option value="{{$key}}">{{$state['name']}}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-12">
                    <button type="submit" class="btn btn_admin btn-block">Cambiar estado</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
          <div class="box">
            <div class="box-header with-border">
              <div class="row align-items-center">
                <div class="col-12">
                  <h4 class="box-title">Cambio de contraseña</h4>
                </div>
              </div>
            </div>
            <div class="box-body">
              <form action="{{route('administrator.supervisors.password', [$supervisor->uuid])}}" method="post" files="true" enctype="multipart/form-data">
                @method('PUT')
                @csrf
                <div class="row">
                  <div class="col-md-12">
                    <div class="form-group">
                      <label for="password" class="control-label">Contraseña *</label>
                      <input type="password" id="password" name="password" placeholder="Contraseña" autocomplete="off" class="form-control" required>
                      <small class="text-danger">{{ $errors->first('password') }}</small>
                    </div>
                    <div class="form-group">
                      <label for="password_confirmation" class="control-label">Repetir contraseña *</label>
                      <input type="password" id="password_confirmation" name="password_confirmation" placeholder="Repetir contraseña" autocomplete="off" class="form-control" required>
                      <small class="text-danger">{{ $errors->first('password_confirmation') }}</small>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-12">
                    <button type="submit" class="btn btn_admin btn-block">Cambiar contraseña</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
@endsection

@section('js')
  <script type="text/javascript">
    $(document).ready(function() {
      var documentType = '{{$supervisor->document_type}}';
      if (documentType != null) {$("#document_type").val(documentType).trigger('change.select2');}

      var state = '{{$supervisor->state}}';
      if (state != null) {$("#state").val(state).trigger('change.select2');}

      var reportType = '{{$supervisor->reportType}}';
      if (reportType != null) {$("#reportType").val(reportType).trigger('change.select2');}
    });
  </script>
@endsection