@extends('layout/ace')

@section('breadcrumbs')
    {{ Breadcrumbs::render('cms.system_settings.edit', $systemSettings) }}
@endsection

@section('title', 'Izmena podešavanja sistema')

@section('content')
    <form method="POST" action="{{ route('cms.system_settings.update', $systemSettings) }}">
        @csrf
        @method('PATCH')
        <div class="row">
            <div class="col-12 col-lg-4 user-edit-aside">
                <div class="bgc-white pt-0 radius-1 shadow-sm mx-auto stack-block">
                    <div class="w-100 brc-info-tp2 radius-t-1"></div>
            
                    <div class="card h-100 border-0">
            
                        <div class="card-body h-100 d-flex flex-column justify-content-start py-3 px-3">
                            <h3 class="title">Autoplay lekcije</h3>
                            <div class="row">
                                <x-krojac-switch-yes-no label="Dozvoli autoplay" name="autoplay_enabled" checked="{{ $systemSettings->autoplay_enabled }}"></x-krojac-switch-yes-no>
                                <x-krojac-switch-yes-no label="Autoplay podsetnik" name="autoplay_reminder" checked="{{ $systemSettings->autoplay_reminder }}"></x-krojac-switch-yes-no>
                                <x-krojac-input type="number" value="{{ $systemSettings->autoplay_reminder_minutes }}" label="Prikaz modala potvrde autoplay-a (u minutima)" name="autoplay_reminder_minutes" id="autoplay_reminder_minutes"></x-krojac-input>
                            </div>
                        </div><!-- card-body end -->
                    </div><!-- .card -->
                </div><!-- stack-block end -->
                <div class="bgc-white pt-0 radius-1 shadow-sm mx-aut stack-block">
                    <div class="w-100 brc-info-tp2 radius-t-1"></div>
                    <div class="card h-100 border-0">
                        <div class="card-body h-100 d-flex flex-column justify-content-start py-3 px-3 border-0">                            
                            <x-main-option-buttons></x-main-option-buttons>
            
                            <!-- main-options-buttons end -->
                        </div><!-- card-body end -->
                    </div><!-- .card -->
                </div><!-- stack-block end -->
            </div>
        </div>
    </form>
@endsection
@section('scripts')
@parent
@endsection