@extends('layouts.app')

@section('content')
    <div class="container mt-5">
        <div class="description text-center">
            <h4 class="custom-text-color">Estos son algunos de nuestros almacenes:</h4>
            <p>
                Podemos enviarte desde cualquiera de nuestros almacenes
                <small class="fw-bold d-block">
                    El tiempo de espera es solo un aproximado y puede variar dependiendo 
                    de la ubicación del destinatario y el almacen seleccionado
                </small>
            </p>
        </div>
        <div class="stores">
            @foreach ($stores as $store)
                <hr>
                <h4 class="custom-text-color text-center">{{ $store->store_name }}</h4>
                <hr>
                <div class="row mt-4">
                    <div class="col">
                        <p><span class="fw-bold">Descripción: </span>{{ $store->description }}</p>
                        <p class="mb-3">
                            <span class="fw-bold">Tiempo de entrega estimado: </span>{{ $store->delivery_time }} {{ $store->delivery_time == 1 ? 'dia' : 'días' }}
                        </p>
                        <p>Productos registrados en este almacen: {{ $store->productInstances->count(); }}</p>
                        <a href="{{ Route('searchProducts', $store->abbr) }}" class="btn custom-bg-color custom-hover-button">Ver productos de ese almacen</a>
                    </div>
                    <div class="col">
                        <p class="text-secondary">Ubicación del almacen</p>
                        @if (isset($store->iframeMap))
                            {!! $store->iframeMap !!}
                        @else
                            @if (isset($store->street) &&
                                    isset($store->number) &&
                                    isset($store->city) &&
                                    isset($store->state) &&
                                    isset($store->country) &&
                                    $store->postalCode)
                                {{ $store->street }} #{{ $store->number }}, {{ $store->city }} {{ $store->state }},
                                {{ $store->country }}, {{ $store->postalCode }}
                            @else
                                <p>No se ha proveeido una dirección del almacen</p>
                            @endif
                        @endif
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endsection