@extends('layouts.app')
<div id="main-content">
    <div class="container-fluid">
        <div class="block-header">
            <div class="row clearfix">
                <div class="col-md-6 col-sm-12">
                    <h2>Booth List</h2>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">{{ config('app.event.name') }}</a></li>
                            <li class="breadcrumb-item"><a href="#">Booth</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Selection</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
        <div class="row clearfix">
            @foreach (\App\Models\BoothDesign::get() as $booth)
            <div class="col-lg-6 cool-md-6 col-sm-12">
                <div class="card">
                    <ul class="pricing body" style="background: #f1f4f6;border: 1px solid #f1f4f6;">
                        <li class="plan-img">
                            <img class="img-fluid" style="max-width: 450px"
                                src="{{ asset('event-data/booth-designs/'.$booth->image) }}" alt="" />
                        </li>
                        <li class="plan-btn mt-0"><a href="{{ route('booth.select', $booth->id) }}"
                                class="btn btn-round btn-outline-secondary">Choose Booth</a></li>
                    </ul>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>