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

@section('content')
  <div class="content-wrapper">
    <section class="content-header">
      {{-- <h1>Recepcionistas</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.receptionists.index')}}"> Recepcionistas</a></li>
        <li class="breadcrumb-item active">Detalle</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 box-solid bg_dark">
            <div class="box-header with-border">
              <div class="row align-items-center">
                <div class="col-12">
                  <h4 class="box-title">Información</h4>
                </div>
              </div>
            </div>
            <div class="box-body">
              <div class="row">
                <div class="col-md-6">
                  <h4 class="font-weight-bold">DOCUMENTO</h4>
                  <h5><strong>CC {{$reception->document}}</strong></h5>
                </div>
                <div class="col-md-6">
                  <h4 class="font-weight-bold">USUARIO</h4>
                  <h5><strong>{{$reception->username}}</strong></h5>
                </div>
              </div>
              <div class="row mt-10">
                <div class="col-md-6">
                  <h4 class="font-weight-bold">NOMBRE</h4>
                  <h5><strong>{{$reception->name}} {{$reception->last_name}}</strong></h5>
                </div>
                <div class="col-md-6">
                  <h4 class="font-weight-bold">CORREO</h4>
                  <h5><strong>{{$reception->email}}</strong></h5>
                </div>
              </div>
              <div class="row mt-10">
                <div class="col-md-6">
                  <h4 class="font-weight-bold">CELULAR PRINCIPAL</h4>
                  <h5><strong>{{$reception->cellphone}}</strong></h5>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="box box-solid bg_dark">
            <div class="box-header with-border">
              <div class="row align-items-center">
                <div class="col-12">
                  <h4 class="box-title">Estado</h4>
                </div>
              </div>
            </div>
            <div class="box-body">
              <div class="row">
                <div class="col-md-12">
                  <div class="label-{{Config::get('constants.states')[$reception->state]['type']}} state_details">{{Config::get('constants.states')[$reception->state]['name']}}</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

        <div class="row">
          <div class="col-12">
            <div class="box">
              <div class="box-header">
                <h4 class="box-title"><strong>Listado </strong> de cambios</h4>
              </div>
              <div class="box-body">
                <div class="row">
                  <div class="col-12">
                    <div class="table-responsive">
                      <table class="table">
                        <thead>
                          <tr>
                            <th class="text-center">SampleId</th>
                            <th class="text-center">Message</th>
                            <th class="text-center">Date</th>
                          </tr>
                        </thead>
                        <tbody class="text-center">
                          @if (count($logs)>0)
                            @foreach ($logs as $log)
                              <tr>
                                <td>{{$log->extra}}</td>
                                <td>{{$log->message}}</td>
                                <td>{{$log->created_at}}</td>
                              </tr>
                            @endforeach
                          @else
                            <tr>
                              <td colspan="6">No se encontraron logs</td>
                            </tr>
                          @endif
                        </tbody>
                      </table>
                    </section>
  </div>
@endsection

@section('js')
  <script type="text/javascript">

  </script>
@endsection