@extends('layouts.app',[
    'class' => '',
    'elementActive' => 'divisiones'
])
@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('divisiones') }}"><i class="fas fa-dot-circle"></i> Divisiones</a></li>
        </ol>
      </div><!-- /.col -->
    </div><!-- /.row -->
  </div><!-- /.container-fluid -->
  </div>
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
            <div class="row">
              @foreach($divisiones as $division)
              <div class="col-lg-4">
                  <a href="{{ url('division/'.$division->uni_cod) }}" class="btn btn-block mb-3" style="background: #7e8a9a; color: white;margin: auto; width: 100%; padding: 20px;">
                      <div class="row">
                          <div class="col-lg-4">
                              <img src="{{ asset('/img/tercera.jpg') }}" alt="" style="width: 150px">
                          </div>
                          <div class="col-lg-8">
                              <span class="">
                                  <h3><strong>{{$division->uni_detalle}}</strong></h3>
                              </span>
                          </div>
                      </div>
                  </a>
              </div>
              @endforeach
            </div>                 
        </div>
      </div>
    </div>
  </section>
</div>
<!-- /.content-wrapper -->
@endsection
@push('scripts')
<script>
    
</script>
@endpush