@extends(AdminBaseDashboard::AdminBaseLayout())
@section('title', trans('temp::template.page_title'))


@section('content')

    <section id="advance-configuration">
        <div class="container-fluid breadcrumb-wraper">
            <ul class="breadcrumb">
                <li><a href="{{ route('dashboard')}}" class="active bread-link">
                        <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('temp::template.home')}}</a></li>
                <li>{{__('temp::template.template')}}</li>
                <li>{{__('temp::template.configuration')}}</li>
            </ul>
        </div>

        <div class="configuration-container-wrapper">
            @includeIf('temp::tab_header')
            <div class="tab-content-wrapper">
        <div class="temp-container-wrapper">
            <h1 class="title">{{__('temp::template.select your preferred page layout')}}</h1>
            <div class="row g-3">
                <div class="col-sm-12 col-md-4 col-lg-4">
                    <div class="card bg-light h-100">
                        <div class="card-header">
                            <h3 class="card-title">{{__('temp::template.templates')}}.</h3>
                        </div>
                        <div class="card-body">
                            <p class="form-note">{{__('temp::template.text_note')}}</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-8 col-lg-8">
                    <div class="card thumb-card">
                        <div class="card-body">
                            @if(active_template())
                                <figure>
                                    @foreach(template_count() as $temp)
                                        <div class="thumbnail-wrapper">
                                            <div class="thumb-wrapper-header">
                                                <input type="radio" class="select-template-check" name="template"
                                                       id="template_design" value="{{ $loop->iteration }}" @checked(($loop->iteration) == active_template())>
                                                <img src="{{ asset('Templates/Template '.$loop->iteration.'.png') }}" alt="template "{{ $loop->iteration }} class="img-fluid">
                                            </div>
                                            <div class="thumb-footer">
                                                <button class="btn select-btn {{ $loop->iteration == active_template() ? "selected-template" : ""}}" id="select-template" type="button" data-url="{{ route('change-template', ['id' => ':id']) }}">
                                                    @if($loop->iteration == active_template())
                                                    <span class="btn-text"><span class="me-2"><i class="fa-solid fa-check"></i></span> {{__('temp::template.default')}}</span>
                                                    @else
                                                    <span class="btn-text">{{__('temp::template.select')}}</span>
                                                    @endif
                                                    <span class="loading-spinner"><i class="fa-solid fa-spinner"></i></span>
                                                </button>
                                            </div>
                                        </div>
                                    @endforeach
                                </figure>
                                @else
                            <figure>
                                @foreach(template_count() as $temp)
                                    <div class="thumbnail-wrapper">
                                        <div class="thumb-wrapper-header">
                                            <input type="radio" class="select-template-check" name="template"
                                                   id="template_design" value="{{ $loop->iteration }}" @checked(($loop->first))>
                                            <img src="{{ asset('Templates/Template '.$loop->iteration.'.png') }}" alt="template "{{ $loop->iteration }} class="img-fluid">
                                        </div>
                                        <div class="thumb-footer">
                                            <button class="btn select-btn" id="select-template" type="button" data-url="{{ route('change-template', ['id' => ':id']) }}">
                                                <span class="btn-text">{{__('temp::template.select')}}</span>
                                                <span class="loading-spinner"><i class="fa-solid fa-spinner"></i></span>
                                            </button>
                                        </div>
                                    </div>
                                @endforeach
                            </figure>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
            </div>
        </div>
        </div>
    </section>
@stop