@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('division/'.$division->uni_cod) }}"><i class="fas fa-dot-circle"></i> {{$division->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">
                  {{$division->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">#</th>
                            <th scope="col">Unidad</th>
                            <th scope="col">Monitorear Unidad</th>
                          </tr>
                        </thead>
                        <tbody>
                          @php
                            $nro = 1
                          @endphp
                          @foreach($unidades as $unidad)
                          <tr>
                            <th scope="row">{{$nro++}}</th>
                            <td>{{$unidad->uni_detalle}}</td>
                            <td>
                              <a href="{{url('unidad/'.$unidad->uni_cod)}}">Ingresar Unidad</a>
                            </td>
                          </tr>
                          @endforeach                       
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
      </div>
  </section>
</div>
<!-- /.content-wrapper -->
@endsection

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