@extends('layouts/contentLayoutMaster')

@section('title', __('locale.login_slider.carousel_settings'))

@section('content')
    <section id="login-slider-settings">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">{{ __('locale.login_slider.carousel_settings') }}</h4>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.login-sliders.settings.update') }}">
                    @csrf
                    <div class="row">
                        <div class="col-md-4 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="login_carousel_enabled">{{ __('locale.login_slider.carousel') }}</label>
                                <select id="login_carousel_enabled" name="login_carousel_enabled" class="form-select @error('login_carousel_enabled') is-invalid @enderror">
                                    <option value="1" @selected((int) old('login_carousel_enabled', $settings['login_carousel_enabled']) === 1)>{{ __('locale.labels.active') }}</option>
                                    <option value="0" @selected((int) old('login_carousel_enabled', $settings['login_carousel_enabled']) === 0)>{{ __('locale.labels.inactive') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="login_carousel_autoplay">{{ __('locale.login_slider.autoplay') }}</label>
                                <select id="login_carousel_autoplay" name="login_carousel_autoplay" class="form-select @error('login_carousel_autoplay') is-invalid @enderror">
                                    <option value="1" @selected((int) old('login_carousel_autoplay', $settings['login_carousel_autoplay']) === 1)>{{ __('locale.labels.active') }}</option>
                                    <option value="0" @selected((int) old('login_carousel_autoplay', $settings['login_carousel_autoplay']) === 0)>{{ __('locale.labels.inactive') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="login_carousel_autoplay_interval">{{ __('locale.login_slider.autoplay_interval') }}</label>
                                <input
                                    type="number"
                                    min="1000"
                                    max="20000"
                                    id="login_carousel_autoplay_interval"
                                    name="login_carousel_autoplay_interval"
                                    value="{{ old('login_carousel_autoplay_interval', $settings['login_carousel_autoplay_interval']) }}"
                                    class="form-control @error('login_carousel_autoplay_interval') is-invalid @enderror"
                                >
                                @error('login_carousel_autoplay_interval')
                                <p><small class="text-danger">{{ $message }}</small></p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-4 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="login_carousel_show_indicators">{{ __('locale.login_slider.indicators') }}</label>
                                <select id="login_carousel_show_indicators" name="login_carousel_show_indicators" class="form-select @error('login_carousel_show_indicators') is-invalid @enderror">
                                    <option value="1" @selected((int) old('login_carousel_show_indicators', $settings['login_carousel_show_indicators']) === 1)>{{ __('locale.login_slider.show') }}</option>
                                    <option value="0" @selected((int) old('login_carousel_show_indicators', $settings['login_carousel_show_indicators']) === 0)>{{ __('locale.login_slider.hide') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="login_carousel_show_navigation">{{ __('locale.login_slider.navigation_arrows') }}</label>
                                <select id="login_carousel_show_navigation" name="login_carousel_show_navigation" class="form-select @error('login_carousel_show_navigation') is-invalid @enderror">
                                    <option value="1" @selected((int) old('login_carousel_show_navigation', $settings['login_carousel_show_navigation']) === 1)>{{ __('locale.login_slider.show') }}</option>
                                    <option value="0" @selected((int) old('login_carousel_show_navigation', $settings['login_carousel_show_navigation']) === 0)>{{ __('locale.login_slider.hide') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="login_carousel_transition_speed">{{ __('locale.login_slider.transition_speed') }}</label>
                                <input
                                    type="number"
                                    min="100"
                                    max="5000"
                                    id="login_carousel_transition_speed"
                                    name="login_carousel_transition_speed"
                                    value="{{ old('login_carousel_transition_speed', $settings['login_carousel_transition_speed']) }}"
                                    class="form-control @error('login_carousel_transition_speed') is-invalid @enderror"
                                >
                                @error('login_carousel_transition_speed')
                                <p><small class="text-danger">{{ $message }}</small></p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-12 mt-1">
                            @foreach($errors->all() as $error)
                                <p class="mb-25"><small class="text-danger">{{ $error }}</small></p>
                            @endforeach
                        </div>

                        <div class="col-12 mt-1">
                            <button type="submit" class="btn btn-primary me-1">
                                <i data-feather="save" class="me-25"></i> {{ __('locale.buttons.save_changes') }}
                            </button>
                            <a href="{{ route('admin.login-sliders.index') }}" class="btn btn-outline-secondary">
                                {{ __('locale.buttons.back') }}
                            </a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection