@extends('usuarios.layout')

@section('usuarios.m_header')

@endsection

@section('usuarios.breadcrumbs')
    <!-- Content Header (usuarios breadcrumbs) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Usuario</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{ implode('/', ['','usuarios']) }}"> Usuarios</a></li>
              <li class="breadcrumb-item active">@lang('Usuario') #{{$usuario->id}}</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>
@endsection

@section('usuarios.content')
    <div class="row">
        <div class="col-12">
            <div class=" card-primary card-outline">
                <div class="card-header">
                    <h3 class="card-title">@lang('Usuario') #{{$usuario->id}}</h3>

                    <div class="card-tools">
                    <a href="{{ route('usuarios.index', []) }}" class="btn btn-tool"><i class="fa fa-caret-left"></i> @lang('Back')</a>
                    </div>
                </div>
                <div class="card-body">
                    <table class="table table-striped">
    <tbody>
    <tr>
        <th scope="row">ID:</th>
        <td>{{$usuario->id}}</td>
    </tr>
            <tr>
            <th scope="row">Name:</th>
            <td>{{ $usuario->name ?: "(blank)" }}</td>
        </tr>
            <tr>
            <th scope="row">Cedula:</th>
            <td>{{ $usuario->cedula ?: "(blank)" }}</td>
        </tr>
            <tr>
            <th scope="row">Grado:</th>
            <td>{{ $usuario->grado ?: "(blank)" }}</td>
        </tr>
            <tr>
            <th scope="row">Email:</th>
            <td>{{ $usuario->email ?: "(blank)" }}</td>
        </tr>
        <tr>
            <th scope="row">Rol:</th>
            <td>{{ $usuario->rol_admin ?"Administrador": "Operativo" }}</td>
        </tr>
            <tr>
            <th scope="row">Unidades que administra este personal:</th>
            <td></td>
        </tr>

        </tbody>

        <table class="table table-striped">
                  <thead>
                    <tr>
                      <th style="width: 10px">#</th>
                      <th>Unidad</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach($unidades as $unidad)
                    <tr>
                      <td>{{$unidad->unidad_id}}</td>
                      <td>{{$unidad->unidad->unidad}}</td>
                    </tr>
                   @endforeach
                  </tbody>
                </table>
</table>

                </div>

                <div class="card-footer d-flex flex-column flex-md-row align-items-center justify-content-end">
                    <a href="{{ route('usuarios.edit', compact('usuario')) }}" class="btn btn-primary text-nowrap me-1"><i class="fa fa-edit"></i> @lang('Edit')</a>
                    <form action="{{ route('usuarios.destroy', compact('usuario')) }}" method="POST" class="m-0 p-0">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger text-nowrap"><i class="fa fa-trash"></i> @lang('Delete')</button>
                    </form>
                </div>
            </div>
        </div>    
    </div>
@endsection

@section('usuarios.scripts')

@endsection