@extends('Sidebar.icssacvSidebar')

@section('title', 'Fotografias')

@section('contenido')

<div class="container-fluid">
        <div class="row">   
            <div class="col-12 col-sm-12 col-md-12 col-lg-12" align="left">
                <h3 align="left">Unidad {{$econum}}</h3>
            </div>
        </div>
    </div>
@if ($registro != 0)
    <div class="card-body">
    @isset($nombres)
      <div class="container-fluid">
        <center><div id="carouselExampleControls" style="max-width: 70%;" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
              @php
                $count = 0;    
              @endphp
              @foreach ($nombres as $nombre_imagen)
                @php
                    $count = $count + 1;
                @endphp
                <div class="carousel-item {{$count == 1 ? 'active' : ''}}">
                  <img class="d-block w-100" src = "{{asset($nombre_imagen)}}" alt="imagen">
                </div>
              @endforeach
            </div>
            <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
        </center>  
      </div>  
    @endisset
    </div>    
@else
    <div class="card">
        <div class="card-body">
            <center><p>Sin Imagenes</p></center>
        </div>
    </div>    

@endif

      
@endsection

@section('titulo')
    <nav aria-label="breadcrumb">
    <ol class="breadcrumb" style="font-size: 60%">
        <li class="breadcrumb-item"><a href="{{ route('Reportes.index')}}" style="color: black"><i class="fas fa-file-invoice"></i>  Reportes</a></li>
        <li class="breadcrumb-item"><a href="{{ route('Reportes.consulta_inv_index')}}" style="color: black">Centros de acopio</a></li>
        <li class="breadcrumb-item"><a href="{{ url()->previous() }}" style="color: black">Inventario por centro de acopio</a></li>
        <li class="breadcrumb-item active">Fotografias por unidad</li>
    </ol>
    </nav>
@endsection

@section('scripts')
<script src="//code.jquery.com/jquery.js"></script>
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>

@endsection