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

@section('content')
  <div class="content-wrapper">
    <section class="content-header">
      {{-- <h1>Operators</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.operators.index')}}"> Operators</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.operators.update', [$operator->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="{{$operator->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="{{$operator->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="{{$operator->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="{{$operator->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="{{$operator->last_name}}" required>
                      <small class="text-danger">{{ $errors->first('last_name') }}</small>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-12">
                    <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="{{$operator->cellphone}}" required>
                      <small class="text-danger">{{ $errors->first('cellphone') }}</small>
                    </div>
                  </div>
                </div>
                <div class="row mt-3">
                    <div class="col-md-12">
                        <h5><strong>Meta a cumplir</strong></h5>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="goal_quantity" class="control-label">Cantidad *</label>
                            <input type="number" min="1" id="goal_quantity"  name="goal_quantity" class="form-control"
                                value="{{ old('goal_quantity', $operator->goal_data['quantity'] ?? '') }}" required >
                            <small class="text-danger">{{ $errors->first('goal_quantity') }}</small>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="goal_period" class="control-label">Periodo *</label>
                            <select class="form-control" id="goal_period" name="goal_period" required >
                                <option value="">Seleccione un periodo</option>
                                @foreach (config('constants.type_period') as $key => $period)
                                    <option
                                        value="{{ $period['name'] }}"
                                        {{ old('goal_period', $operator->goal_data['period'] ?? '') == $period['name'] ? 'selected' : '' }}
                                    >
                                        {{ $period['name'] }}
                                    </option>
                                @endforeach
                            </select>
                            <small class="text-danger">{{ $errors->first('goal_period') }}</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.operators.state', [$operator->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.operators.password', [$operator->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 = '{{$operator->document_type}}';
      if (documentType != null) {$("#document_type").val(documentType).trigger('change.select2');}

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