@extends('layouts.app')
@section('title')
    @if (!empty($title))
        {{ $title }} |
    @endif
    @parent
@endsection

@section('page-css')
    <link rel="stylesheet" href="{{ asset('assets/plugins/fotorama-4.6.4/fotorama.css') }}">
@endsection

@section('content')
    @if (get_option('enable_monetize') == 1)
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    {!! get_option('monetize_code_above_categories') !!}
                </div>
            </div>
        </div>
    @endif

    <div class="position-relative">
        <img src="{{ asset('assets/img/banner.png') }}" class="img-fluid animate__animated animate__bounceInLeft" />
        <a style="margin-top:35px; margin-left:-16px;" href="https://bit2win.io/page/register"
            class="btn btn-principal-inverse border-0 rounder_circle animate__animated animate__bounceInRight">
            Regístrate Ahora
        </a>
    </div>

    @if (get_option('enable_monetize') == 1)
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    {!! get_option('monetize_code_below_premium_ads') !!}
                </div>
            </div>
        </div>
    @endif

    @if ($ads->count())
        <div id="regular-ads-container">
            <div class="container">

                <div class="row">

                    @foreach ($ads as $ad)
                        @if (!$ad->is_bid_active())
                            @livewire('adlive', ['id' => $ad->id], key($ad->id))
                        @endif
                    @endforeach
                </div>
            </div>
        </div>
    @else
    @endif


    @if (get_option('enable_monetize') == 1)
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    {!! get_option('monetize_code_below_regular_ads') !!}
                </div>
            </div>
        </div>
    @endif
@endsection

@section('page-js')
    <script src="{{ asset('assets/plugins/fotorama-4.6.4/fotorama.js') }}"></script>
    
@endsection