@section('title', __('site.menu_item_6_sub_1'))
@section('head')
    <link rel="stylesheet" href="/assets/js/plugins/sweetalert2/sweetalert2.min.css">
@endsection
@include('includes/header')
@include('includes/topSite')
<div class="content">

    <div class="row">
        <div class="col-12">
            <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center py-2">
                <div class="flex-grow-1">
                    <h1 class="h3 fw-bold mb-2">
                        {{ __('site.menu_item_6_sub_1') }}
                    </h1>
                </div>
                <nav class="flex-shrink-0 mt-3 mt-sm-0 ms-sm-3" aria-label="breadcrumb">
                    <ol class="breadcrumb breadcrumb-alt push mb-0">
                        <li class="breadcrumb-item">
                            <a href="{{ route('site.home.r') }}">{{ __('general.top_menu_item_site') }}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="javascript:void(0)">{{ __('site.menu_item_6') }}</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">{{ __('site.menu_item_6_sub_1') }}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>


    <div class="row">
	
		@if($siteData->theme == '03')
			
		<div class="col-sm-12 col-md-4 col-lg-4 col-xl-3">
            <div class="block block-rounded block-themed">
                <div class="block-header block-header-default">
                <h3 class="block-title hupper ">
                        {{ __('site.page_themes_name', ['name' => 'Old']) }}
                    </h3>
                </div>
                <div class="block-content ps-2 pe-2 pt-0 pb-0 block-content-full text-white bg-primary">
                    <img src="/assets/media/themes/old.png" class="img-fluid w-100 rounded-3">
                    <div class="mb-2 ps-2 pe-2 mt-3">
                    <p class="text-white fs-sm mb-0"><i class="fa fa-info-circle me-1"></i>{{ __('site.page_themes_old_warning') }}</p>
                    </div>
                                            <div class="pb-3 ps-2 fw-bold"><i class="fa fa-check-circle me-1"></i> {{ __('site.page_themes_current') }}</div>
                                    </div>
									
            </div>
        </div>
		@endif
	
        @foreach($allThemes as $theme)
        <div class="col-sm-12 col-md-4 col-lg-4 col-xl-3">
            <div class="block block-rounded @if($siteData->theme == $theme->id) block-themed @endif">
                <div class="block-header block-header-default @if($siteData->theme != $theme->id) bg-white @endif">
                    <h3 class="block-title hupper @if($siteData->theme == $theme->id) text-white @endif">
                        {{ __('site.page_themes_name', ['name' => $theme->name]) }}
                    </h3>
                </div>
                <div class="block-content ps-2 pe-2 pt-0 pb-0 block-content-full @if($siteData->theme == $theme->id) text-white bg-primary @endif">
                    <img src="/assets/media/themes/{{ $theme->img }}" class="img-fluid w-100 rounded-3">
                    <div class="mb-2 ps-2 pe-2 mt-3">
                    <small>{{ $theme->description }}</small>
                    </div>
                    @if($siteData->theme == $theme->id)
                    <div class="pb-3 ps-2 fw-bold"><i class="fa fa-check-circle me-1"></i> {{ __('site.page_themes_current') }}</div>
                    @else
                        <button type="button" data-name="{{ $theme->name }}" id="{{ $theme->code }}" class="ms-2 mb-2 btn btn-sm chagTheme btn-primary">{{ __('site.page_themes_activate') }}</button>
                    @endif
                </div>
            </div>
        </div>
        @endforeach
    </div>

</div>

</div>

</main>


@include('includes/footer')

</div>
<script src="/assets/js/lib/jquery.min.js"></script>
<script src="/assets/js/main.min.js"></script>
<script src="/assets/js/plugins/sweetalert2/sweetalert2.min.js"></script>
<script>
    $('.chagTheme').on('click', function( event ) {
        var id = $(this).attr('id');
        var name = $(this).attr('data-name');
        Sweetalert2.fire({
            html: '<h4 class="mb-0">Deseja realmente alterar para o Tema '+name+'?</h4>',
            showDenyButton: false,
            showCancelButton: true,
            confirmButtonText: '{{ __('site.action_confirm') }}',
            cancelButtonText: '{{ __('site.btn_cancel') }}',
        }).then((result) => {
            if (result.isConfirmed) {
                Sweetalert2.fire({
                    title: 'Processando...',
                    showConfirmButton: false,
                    allowOutsideClick: false,
                    allowEscapeKey: false
                });
                Sweetalert2.showLoading();
                $.post( "{{ route('site.theme.change.do') }}", { id: id })
                    .done(function( data ) {
                        Sweetalert2.hideLoading();
                        if(data.status) {
                            Sweetalert2.fire({
                                icon: 'success',
                                title: data.message,
                                showConfirmButton: false,
                                allowOutsideClick: false,
                                allowEscapeKey: false,
                                timer: 3500
                            });
                            setTimeout(() => {
                               location.reload();
                            }, 3490);
                        }else{
                            Sweetalert2.fire({
                                icon: 'error',
                                html: data.message,
                                showConfirmButton: true,
                                allowOutsideClick: false,
                                allowEscapeKey: false,
                                confirmButtonText: '{{ __('site.btn_got') }}'
                            });
                        }
                    }, "json");
            }
        });
    });
</script>
</body>
</html>