@extends('layouts.app')

@section('content')        

        <section class="pt-md-4 pb-md-0 bg-dark">
          <div class="container">
            <div class="row justify-content-between align-items-center">
              <div class="col-lg-8 col-md-9">
                <div class="d-none d-md-block">
                  <br>
                </div>
                <h1 class="" style="color: white;">Mis hoteles favoritos</h1>
                <p class="lead"></p>           
              </div>
              <div class="col-md-3 d-none d-md-none">
               
              </div>
            </div> 
            <br>           
          </div>
        </section>  


        @if($favoritos->count() != 0)
        <section>
          <div class="container">
            <div class="row">
             @foreach($favoritos as $key2)
                           <div class="col-md-3">
                @include('layouts.cardhoteles')
              </div>
              @endforeach
            </div>
          </div>
        </section>
        <nav class="d-flex justify-content-between pt-2" aria-label="Page navigation">
            <ul class="pagination">
              
            </ul>
              {!! $favoritos->render() !!}
            <ul class="pagination">
              
            </ul>
          </nav>
        @else
        <section>
            <div class="container">
              <div class="row">
                <div class="col">
                  <center>
                    <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
                    <h3>No tienes nada agregado a favoritos</h3>
                  </center>
                </div>
              </div>            
            </div>
          </section>
        @endif
@endsection