@extends('layouts.app')
@section('content')
<!-- Titulo -->
<div class="container-fluid text-uppercase p-3 mb-2 bg-info text-white">
    <div class="container">
      <p class="text-center">Oferta de Circuito</p>
    </div>
</div>
<!-- Filtros -->
<div class="container">
    <form action="" method="post">
        <div class="row rounded border-gray">
            <div class="col-sm-6">
                <p class="h4 text-left">
                    Buscar por Continente ó Ciudad ó Salida:
                </p>
                <p class="text-left">
                    <select name="continente" class="form-control" id="continente">
                        <option value="A" selected>Seleccionar Continente</option>
                        <option value="AMERICA">AMÉRICA</option>
                        <option value="AFRICA">ÁFRICA</option>
                        <option value="ASIA">ASIA</option>
                        <option value="EUROPA">EUROPA</option>
                        <option value="OCEANIA">OCEANÍA</option>
                        <option value="ANTARTIDA">ANTARTIDA</option>
                    </select>
                </p>
                <p class="text-left">
                    <input type="text" name="ciudad" value="" class="form-control" placeholder="Nombre de ciudad sin acentos">
                </p>
                <p class="text-left">
                    <select name="mes" class="form-control" id="mes">
                        <option value="" selected>Seleccionar mes</option>
                        <option value="01">ENERO</option>
                        <option value="02">FEBRERO</option>
                        <option value="03">MARZO</option>
                        <option value="04">ABRIL</option>
                        <option value="05">MAYO</option>
                        <option value="06">JUNIO</option>
                        <option value="07">JULIO</option>
                        <option value="08">AGOSTO</option>
                        <option value="09">SEPTIEMBRE</option>
                        <option value="10">OCTUBRE</option>
                        <option value="11">NOVIEMBRE</option>
                        <option value="12">DICIEMBRE</option>
                    </select>
                </p>
            </div>
            <div class="col-sm-3 align-self-center">
                <p class="text-center">
                    <input type="submit" value="Buscar">
                </p>
            </div>

        </div>
    </form>
    <div class="clearfix"></div>
    <!-- Lista de productos -->
    <div id="lista-producto">
        @include('circuito.circuito')
    </div>
</div>
@endsection