@extends('layouts.dashboardnew')

@section('content')


<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <div class="col-md-12">

                        <div class="media border-bottom-1 pt-3 pb-3">
                            <i class="fa-solid fa-shop" style="font-size: 26px;"></i>
                            <div class="media-body">
                                <h5 class="mt-2">Filtros</h5>
                            </div>
                        </div>

                    </div>

                
                <div class="row">
                    
                    <div class="col-sm-6">
                        
                        <form method="GET" action="{{ route('tienda-filtro-lista') }}">
                            
                            <div class="row pt-3">
                            
                            <input type="hidden" name="tipo" value="2">

                            <div class="col-md-8">
                                <label class="m-t-20">Nombre del Producto</label>
                                <input type="text" name="producto" class="form-control" required>
                            </div>

                            
                            <div class="col-md-4" style="margin-top: 2rem !important;">
                                <button class="btn btn-info btn-block" type="submit"> Buscar</button>
                            </div>    

                            </div> 
                        </form>
                               
                    </div>
                </div>    
                    
                </div>
            </div>
        </div>
    </div>
</div>    



<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
           @foreach ($productos as $item)
           <div class="card mb-3">
              <div class="row no-gutters">
                <div class="col-md-4">
                  <img src="{{$item->guid}}" class="img-fluid" loading="lazy" alt="{{$item->post_title}}">
                </div>
                  <div class="col-md-8">
                    <div class="card-body">
                        
                      <h3 class="card-title"><strong>{{$item->post_title}}</strong></h3>
                      
                      <p>
                        @if($item->pinged > 0)
                            @for($i=1; $i<=$item->pinged; $i++)
                                <i class="fa fa-star text-warning"></i>
                            @endfor
                        @endif                
                      </p>
                      
                      <h4 class="card-text">Producto creado: {{ date('d-m-Y', strtotime($item->post_date)) }}</h4>
                      
                      <h5 class="card-text">Orden: {{ $item->orden }}</h5>
                        
                        
                        <span class="badge badge-info px-2 text-white"> 
                            <h5 class="text-white">ID: {{$item->ID}}</h5>
                        </span>
                        
                        
                        <span class="badge badge-danger px-2 text-white"> 
                            <h5 class="text-white">Precio:
                                @if ($moneda->mostrar_a_d)
                                   {{$moneda->simbolo}} {{$item->meta_value}}
                                @else
                                   {{$item->meta_value}} {{$moneda->simbolo}}
                                @endif
                            </h5>
                        </span>
                        
                        
                        <div class="row mt-4">
                           <div class="col-md-4">
                              <a href="{{route('tienda-product-edit', $item->ID)}}" class="btn btn-info btn-block">Editar</a>  
                           </div>
                           
                           <div class="col-md-4">
                              <a class="btn btn-danger btn-block text-white" onclick="eliminar('{{$item->ID}}')">Eliminar</a> 
                           </div>
                           
                           <div class="col-md-4">
                              <a class="btn btn-info btn-block text-white" href="{{route('tienda-imagenes-adicionales', $item->ID)}}">Galeria</a> 
                           </div>
                        </div>
                    
                    </div>
                  </div>
                </div>
            </div>
            <hr>
           @endforeach
           
           
                {{ $productos->appends(['tipo' => request()->tipo, 'producto' => request()->producto])->links('tienda.paginate.index') }}
           
              </div>
           </div>
        </div>
    </div>
</div>

@endsection


@push('script')
<script type="text/javascript">

function eliminar(ID){
    Swal.fire({
       title: 'Está seguro de realizar esta acción, al dar clic es irreversible recuperar la información.',
       type:'warning',
       showCancelButton: true,
       confirmButtonColor: '#3085d6',
       cancelButtonColor: '#d33',
       confirmButtonText: 'Si',
       cancelButtonText: 'No',
    }).then((result) => {
        if (result.value) {
          window.location.href = 'eliminarproducto/'+ID;
        }
    });
}

</script>
@endpush