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

@section('content')
  <div class="content-wrapper">
    <section class="content-header">
      {{-- <h1>Clientes</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.customers.index')}}"> Clientes</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.customers.update', [$user->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="{{$user->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="{{$user->username}}" required>
                      <small class="text-danger">{{ $errors->first('username') }}</small>
                    </div>
                  </div>
                  <div class="col-md-8">
                    <div class="form-group">
                      <label for="company" class="control-label">Empresa *</label>
                      <input type="text" id="company" name="company" placeholder="Nombre" autocomplete="off" class="form-control" value="{{$user->company}}" required>
                      <small class="text-danger">{{ $errors->first('company') }}</small>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-4">
                    <div class="form-group">
                      <label for="name" class="control-label">Nombre admin contrato *</label>
                      <input type="text" id="name" name="name" placeholder="Nombre" autocomplete="off" class="form-control" value="{{$user->name}}" required>
                      <small class="text-danger">{{ $errors->first('name') }}</small>
                    </div>
                  </div>
                  <div class="col-md-8">
                    <div class="form-group">
                      <label for="email" class="control-label">Correo admin contrato *</label>
                      <input type="email" id="email" name="email" placeholder="Correo" autocomplete="off" class="form-control" value="{{$user->email}}" required>
                      <small class="text-danger">{{ $errors->first('email') }}</small>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-12">
                    <div class="form-group">
                      <label for="address" class="control-label">Dirección</label>
                      <input type="text" id="address" name="address" placeholder="Dirección" autocomplete="off" class="form-control" value="{{$user->address}}">
                      <small class="text-danger">{{ $errors->first('address') }}</small>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="cellphone" class="control-label">Celular/Teléfono admin contrato *</label>
                      <input type="text" id="cellphone" name="cellphone" placeholder="Celular" autocomplete="off" class="form-control input-number" value="{{$user->cellphone}}" required>
                      <small class="text-danger">{{ $errors->first('cellphone') }}</small>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="images" class="control-label">Imagen</label>
                      <input type="file" id="images" name="images" class="form-control">
                      <small class="text-danger">{{ $errors->first('images') }}</small>
                    </div>
                  </div>
                </div>
                <hr>
                <div class="row">
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="report_title" class="control-label">Título del reporte</label>
                      <input type="text" id="report_title" name="report_title" placeholder="Título del reporte" autocomplete="off" class="form-control" value="{{$user->report_title}}">
                      <small class="text-danger">{{ $errors->first('report_title') }}</small>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="report_description" class="control-label">Descripción</label>
                      <textarea id="report_description" name="report_description" placeholder="Descripción breve" autocomplete="off" class="form-control" rows="3">{{$user->report_description}}</textarea>
                      <small class="text-danger">{{ $errors->first('report_description') }}</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-body">
              @if(!empty($user->photo) && Storage::disk('public')->exists('customers/images/'.$user->photo))
                <img class="imgCustomer" src="{{ asset('storage/customers/images/'.$user->photo) }}">
              @else
                <img class="imgCustomer" src="{{ asset('assets/images/user_default.png') }}">
              @endif
            </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 estado</h4>
                </div>
              </div>
            </div>
            <div class="box-body">
              <form action="{{route('administrator.customers.state', [$user->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.customers.password', [$user->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 = '{{$user->document_type}}';
      if (documentType != null) {$("#document_type").val(documentType).trigger('change.select2');}

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