@extends('layouts.dashboard.app')

@php
    $body_class = 'fullpage';

    $header_params = [
            'heading_page_title' => 'Cookie Templates',
    ];

@endphp

@section('content')
    <div class="wrapper header-fixed sidebar-gutters">
        <main class="content">
            <div class="container content-container">
                <section class="section-wrapper">
                    <div class="wrappe-container">
                        <div class="section-wrapper--header">

                            {{-- <div class="container section-wrapper--header--container">
                                <label class="switch-multiple btn--sm btn">
                                    <label class="switch-multiple-option">
                                        <input type="radio" name="switch-option" checked id="box" hidden>
                                        <div class="btn switch-multiple--btn"><span>Box</span></div>
                                    </label>
                                    <label class="switch-multiple-option">
                                        <input type="radio" name="switch-option" id="banner" hidden>
                                        <div class="btn switch-multiple--btn"><span>Banner</span></div>
                                    </label>
                                    <label class="switch-multiple-option">
                                        <input type="radio" name="switch-option" id="popup" hidden>
                                        <div class="btn switch-multiple--btn"><span>Popup</span></div>
                                    </label>
                                </label>
                                <div class="select-wrapper select-light form-group input--lg input--lg-2 select-500 w-225">
                                    <select class="select-default" data-minimum-results-for-search="Infinity">
                                        <option>Default</option>
                                    </select>
                                </div>
                            </div> --}}

                        </div>

                        <div class="section-wrapper--body section-wrapper--body--auto">
                            <div class="container section-wrapper--body--container">
                                <div class="row gutters-26">
                                    @if($popupTemplates->count())
                                        @foreach($popupTemplates as $popupTemplate)
                                            <x-dashboard.template-item :popupTemplate="$popupTemplate" />
                                        @endforeach
                                    @else
                                        <div class="col-lg-12 col-12">
                                            <div class="">
                                                <p class="sidebar-link--text">There are no templates yet</p>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>

                        </div>
                        <div class="section-wrapper--footer">

                            <div class="container section-wrapper--footer--container">
                                {{ $popupTemplates->links('components.dashboard.pagination') }}
                            </div>
                        </div>



                    </div>
                </section>
            </div>

        </main>

        @php
            $popup_form_url = route('dashboard.cookie-templates.save-params');
        @endphp
        <x-dashboard.popup-edit-template-params :popupFormUrl="$popup_form_url"/>

        <x-footer-dashboard />
    </div>

@endsection



@push('scripts')
    <script src="{{ asset('dash/js/popup-template-edit.js') }}"></script>
@endpush