@extends('layouts.head')
@section('content')
<h2>{{ __("messages.users.main_title") }}</h2>
<form method="POST" action="{{ url('users') }}">
  {{ csrf_field() }}
  <div class="box-body">
    <div class="row">
      <div class="col-xs-4">
        <div class="form-group">
          <label for="">{{ __("messages.users.name") }}</label>
          <input type="text" data-id="" class="form-control" name="name" value="{{ old('name') }}" required />
        </div>
      </div>
      <div class="col-xs-4">
        <div class="form-group">
          <label for="">{{ __("messages.users.last_name") }}</label>
          <input type="text" data-id="" class="form-control" name="last_name" value="{{ old('last_name') }}" required />
        </div>
      </div>
      <div class="col-xs-4">
        <div class="form-group">
          <label for="">{{ __("messages.users.phone") }}</label>
          <input type="number" data-id="" class="form-control" name="phone" value="{{ old('phone') }}" required />
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <div class="form-group">
          <label for="exampleFormControlInput1">Tipo de documento</label>
          <select class="form-control" name="document_type_id" id="document_type_id" required>
            <option value="">{{ __("messages.users.select") }}</option>
            @foreach($document_types as $dc) 
            @if(old('document_type_id') == $dc->id)
            <option value="{{$dc->id}}" selected>{{$dc->name}}</option>
            @endif
            <option value="{{$dc->id}}">{{$dc->name}}</option>
            @endforeach
          </select>
        </div>
      </div>
      <div class="col-xs-4">
        <div class="form-group">
          <label for="">{{ __("messages.users.document") }}</label>
          <input type="number" data-id="" class="form-control" name="document" value="{{ old('document') }}" required />
        </div>
      </div>
      <div class="col-xs-4">
        <div class="form-group">
          <label for="exampleFormControlInput1">{{ __("messages.users.email") }}</label>
          <input type="email" data-id="" class="form-control" name="email" value="{{ old('email') }}" required />
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <div class="form-group">
          <label for="exampleFormControlInput1">{{ __("messages.users.password") }}</label>
          <input type="password" data-id="" class="form-control" name="password" value="{{ old('password') }}"
            required />
        </div>
      </div>
      <div class="col-xs-4">
        <div class="form-group">
          <label for="exampleFormControlInput1">{{ __("messages.users.hospital") }}</label>
          <select class="form-control" name="center_id" id="select-center">
            <option value="">{{ __("messages.users.select") }}</option>
            @foreach($centers as $c)
            <option value="{{$c->id}}">{{$c->name}}</option>
            @endforeach
          </select>
        </div>
      </div>
      <div class="col-xs-4">
        <div class="form-group">
          <label for="exampleFormControlInput1">{{ __("messages.users.role") }}</label>
          <select class="form-control" name="rol_id" id="select-rol">
            <option value="">{{ __("messages.users.select") }}</option>
            @foreach($rols as $c) 
            @if(old('rol_id') == $c->id)
            <option value="{{$c->id}}" selected>{{$c->name}}</option>
            @endif
            <option value="{{$c->id}}">{{$c->name}}</option>
            @endforeach
          </select>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <div class="form-group">
          <label for="exampleFormControlInput1">Código Médico</label>
          <input type="text" id="medic_code" data-id="" class="form-control" name="medic_code"
            value="{{ old('medic_code') }}" required />
        </div>
      </div>
      <div class="col-xs-4">
        <div class="form-group">
          <label for="exampleFormControlInput1">{{ __("messages.users.label_dating") }}</label>
          <input type="number" id="dating_duration" data-id="" class="form-control" name="dating_duration"
            value="{{ old('dating_duration') }}" required />
        </div>
      </div>
      <div class="col-xs-4">
        <label for="exampleFormControlInput1">{{ __("messages.users.specialty") }}</label>
        <select class="form-control" name="specialty_id" id="specialty_id" disabled>
          <option value="">{{ __("messages.users.select") }}</option>
          @foreach($specialties as $s) @if(old('specialty_id') == $s->id)
          <option value="{{$s->id}}" selected>{{$s->name}}</option>
          @endif
          <option value="{{$s->id}}">{{$s->name}}</option>
          @endforeach
        </select>
      </div>
    </div>
    <div class="input-group-btn">
      <button type="submit" id="btnBusqueda-mensajeros" class="btn btn-success pull-right"
        style="background-color:#f79708; border-color:#f79708;">
        <i class="fa fa-plus " style="margin-right:4px;"></i>{{ __("messages.users.btn_create") }}
      </button>
    </div>
    <br />
  </div>
</form>

@if(Auth::user()->rol->id != 10 && Auth::user()->rol->id != 11 && Auth::user()->rol->id != 4 )
<div class="box">
  <div class="box-header">
    <label for="exampleFormControlInput1">{{ __("messages.users.hospital") }}</label>
    <select class="form-control" name="center_id" id="select-center-filtro">
      <option value="todos">{{ __("messages.users.all") }}</option>
      @foreach($centers as $c) @if(isset($selectHospital)) @if($selectHospital==$c->id)
      <option value="{{$c->id}}" selected="selected">{{$c->name}}</option>
      @else
      <option value="{{$c->id}}">{{$c->name}}</option>
      @endif @else
      <option value="{{$c->id}}">{{$c->name}}</option>
      @endif @endforeach
    </select>
  </div>
  <div class="box-body table-responsive no-padding" style="padding: 10px !important;">
    <table id="example2" class="table table-bordered table-hover dataTable" role="grid"
      aria-describedby="example2_info">
      <thead>
        <tr role="row">
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Browser: activate to sort column ascending">
            {{ __("messages.users.table.col1") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Platform(s): activate to sort column ascending">
            {{ __("messages.users.table.col2") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.users.table.col3") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.users.table.col4") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.users.table.col5") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.users.table.col6") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.users.table.col7") }}
          </th>
          <th class="" tabindex="0" aria-controls="example2" rowspan="1" colspan="1">
            {{ __("messages.users.table.col8") }}
          </th>
          <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
            aria-label="Engine version: activate to sort column ascending">
            {{ __("messages.users.table.col9") }}
          </th>
        </tr>
      </thead>
      <tbody>
        @foreach($users as $s)
        <tr>
          <td>{{$s->id}}</td>
          <td>{{$s->name}}</td>
          <td>{{$s->last_name }}</td>
          <td>{{$s->document }}</td>
          <td>{{$s->phone }}</td>
          <td>{{$s->rol->name }}</td>
          @if(isset($s->centro))
          <td>{{$s->centro->name }}</td>
          @else
          <td></td>
          @endif
          <td>
            <div class="switch">
              <label>
                @if($s->active == 0)
                <div class="checkbox checbox-switch switch-success">
                  <label>
                    {{ __("messages.users.no") }}
                    <input type="checkbox" class="chkUsers" data-id="{{$s->id}}" id="Checkactivo" name="Checkactivo" />
                    <span></span>
                    {{ __("messages.users.yes") }}
                  </label>
                </div>
                @else
                <div class="checkbox checbox-switch switch-success">
                  <label>
                    {{ __("messages.users.no") }}
                    <input type="checkbox" class="chkUsers" data-id="{{$s->id}}" id="Checkactivo" name="Checkactivo"
                      checked="" />
                    <span></span>
                    {{ __("messages.users.yes") }}
                  </label>
                </div>
                @endif
              </label>
            </div>
          </td>

          <td style="font-size: 16px; color:black;">
            <a href="{{ url('users/' . $s->id . '/edit') }}" style="color:black;">
              <i class="fa fa-pencil iconMini " style="cursor:pointer;" title="Editar"></i>
            </a>
            <a href="#" onclick="deleteRegister({{$s->id}}, 'users')" style="color:black;">
              <i class="fa fa-trash iconMini " style="cursor:pointer;" title="Eliminar"></i>
            </a>
          </td>
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>
  <!-- /.box-body -->
</div>
@endif
<script src="{{ asset('js/users/users.js') }}"></script>
<script src="{{ asset('js/delete_register.js') }}"></script>
<script type="text/javascript">
  // Init
  @if(old('rol_id') == 3 || old('rol_id') == 6)
  $("#dating_duration").attr('readonly', false);
  $("#specialty_id").attr('disabled', false);
  $("#medic_code").attr('readonly', false);
  @else
  $("#dating_duration").val(0);
  $("#dating_duration").attr('readonly', true);
  $("#medic_code").attr('readonly', true);
  $("#specialty_id").val(null);
  $("#specialty_id").attr('disabled', true);
  @endif
</script>
@endsection