@extends('admin.admin')

@section('content')

    <div class="page-wrapper">
        <form id="dtsettingform">
            <div class="content bg-white">
                <div class="d-md-flex d-block align-items-center justify-content-between border-bottom pb-3">
                    <div class="my-auto mb-2">
                        <h3 class="page-title mb-1">{{ __('theme_settings') }}</h3>
                        <nav>
                            <ol class="breadcrumb mb-0">
                                <li class="breadcrumb-item">
                                    <a href="{{ route('admin.dashboard') }}">{{ __('Dashboard') }}</a>
                                </li>
                                <li class="breadcrumb-item">
                                    <a href="javascript:void(0);">{{ __('Settings') }}</a>
                                </li>
                                <li class="breadcrumb-item active" aria-current="page">{{ __('theme_settings') }}</li>
                            </ol>
                        </nav>
                    </div>
                </div>
                <div class="row">
                    @include('admin.partials.general_settings_side_menu')
                    <div class="col-xxl-10 col-xl-9">
                        <div class="flex-fill ps-1">
                            <div class="d-md-flex justify-content-between flex-wrap mb-3">
                            </div>
                            <div class="row flex-fill">
                                <div class="col-xl-12">
                                    <div class="row gx-3">
                                        <div class="col-md-4">
                                            <div class="card">
                                                <div class="card-body p-2">
                                                    <a href="javascript:void(0);">
                                                        <img src="{{ asset('front/img/theme-01.jpg') }}" alt="theme" class="theme-img" data-id="theme_01">
                                                    </a>
                                                    <div class="d-flex justify-content-between align-items-center mt-2">
                                                        <label class="form-check-label" for="theme_01" data-id="theme_01">
                                                            <span class="text-gray-9">{{ __('theme') }} 1</span>
                                                        </label>
                                                        <div class="form-check form-check-md">
                                                            <input type="radio" name="theme" id="theme_01" class="form-check-input default_theme" data-id="theme_01" {{ $defaultTheme == 1 ? 'checked' : '' }}>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection