@extends('layouts.app',[
    'class' => '',
    'elementActive' => 'division'
])

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" id="app">
<!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="container-fluid">
    <div class="row mb-2">      
      <div class="col-sm-12">
        <ol class="breadcrumb float-sm-left">
          <li class="breadcrumb-item"><a href="{{ url('unidad/'.$unidad->uni_cod) }}"><i class="fas fa-dot-circle"></i> {{$unidad->uni_detalle}}</a></li>
        </ol>
      </div><!-- /.col -->
    </div><!-- /.row -->
  </div><!-- /.container-fluid -->
  </div>
  <section class="content">
      <div class="container-fluid">
          <div class="row">
            <div class="col-12">
              <div class="card">
                <div class="card-header">
                  {{$unidad->uni_detalle}}
                </div>
                <div class="card-body">
                  <h5 class="card-title">Responsable de División:</h5>
                  <p class="card-text">{{$responsable->persona}}</p>
                  <div class="row">
                    <div class="col-12">
                      <table class="table">
                        <thead>
                          <tr>
                            <th scope="col">N°</th>
                            <th scope="col">Personal</th>
                            <th scope="col">Monitorear Personal</th>
                          </tr>
                        </thead>
                        <tbody>
                        @php
                          $nro = 1;
                        @endphp
                        @foreach($personas as $persona)
                        <tr>
                          <td>{{$nro++}}</td>
                          <td>{{$persona->persona}}</td>
                          <td>
                            <a href="{{url('monitoreopersonal/'.$persona->user_id)}}">Monitorear</a>
                          </td>
                        </tr>
                        @endforeach                  
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
      </div>
  </section>
</div>
<!-- /.content-wrapper -->
@endsection

@push('scripts')
<script>
    
</script>
@endpush