{{-- System Settings --}}
<div class="border border-secondary rounded-lg my-4 mx-1">
    <div class="col-md-12 mt-3">
        <h4>{{ __('System Settings') }}</h4>
    </div>
    <div class="col-12 mb-3">
        <hr class="mt-0">
    </div>
    <div class="row my-4 mx-1">
        <div class="form-group col-md-4 col-sm-12">
            <label for="system_name">{{ __('system_name') }} <span class="text-danger">*</span></label>
            <input name="system_name" id="system_name" value="{{ $settings['system_name'] ?? '' }}" type="text" required placeholder="{{ __('system_name') }}" class="form-control"/>
        </div>

        <div class="form-group col-md-4 col-sm-12">
            <label for="mobile">{{ __('mobile') }} <span class="text-danger">*</span></label>
            <input name="mobile" id="mobile" value="{{ $settings['mobile'] ?? '' }}" type="number" required placeholder="{{ __('mobile') }}" class="form-control"/>
        </div>

        <div class="form-group col-md-4 col-sm-12">
            <label for="tag_line">{{ __('tag_line') }} <span class="text-danger">*</span></label>
            <input name="tag_line" id="tag_line" value="{{ $settings['tag_line'] ?? '' }}" type="text" required placeholder="{{ __('tag_line') }}" class="form-control"/>
        </div>

        <div class="form-group col-md-6 col-sm-12">
            <label for="hero_description">{{ __('description') }} <span class="text-danger">*</span></label>
            <textarea name="hero_description" id="hero_description" required placeholder="{{ __('description') }}" class="form-control">{{ $settings['hero_description'] ?? null }}</textarea>
        </div>

        <div class="form-group col-md-6 col-sm-12">
            <label for="address">{{ __('address') }} <span class="text-danger">*</span></label>
            <textarea name="address" id="address" required placeholder="{{ __('address') }}" class="form-control">{{ $settings['address'] ?? null }}</textarea>
        </div>

        <div class="form-group col-md-6 col-lg-6 col-xl-4 col-sm-12">
            <label for="time_zone">{{ __('time_zone') }}</label>
            <select name="time_zone" id="time_zone" required class="form-control"
                    style="width:100%">
                @foreach ($getTimezoneList as $timezone)
                    <option value="{{ $timezone[2] }}"{{ isset($settings['time_zone']) && $settings['time_zone'] == $timezone[2] ? 'selected' : '' }}>{{ $timezone[2] . ' - GMT ' . $timezone[1] . ' - ' . $timezone[0] }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="form-group col-md-6 col-lg-6 col-xl-4 col-sm-12">
            <label for="date_format">{{ __('date_format') }}</label>
            <select name="date_format" id="date_format" required class="form-control">
                @foreach ($getDateFormat as $key => $dateformat)
                    <option value="{{ $key }}"{{ isset($settings['date_format']) && $settings['date_format'] == $key ? 'selected' : '' }}>{{ $dateformat }}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group col-md-6 col-lg-6 col-xl-4 col-sm-12">
            <label for="time_format">{{ __('time_format') }}</label>
            <select name="time_format" id="time_format" required class="form-control">
                @foreach ($getTimeFormat as $key => $timeFormat)
                    <option value="{{ $key }}"{{ isset($settings['time_format']) && $settings['time_format'] == $key ? 'selected' : '' }}>{{ $timeFormat }}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="row my-4 mx-1">
        <div class="form-group col-md-6 col-lg-6 col-xl-4 col-sm-12">
            <label for="favicon">{{ __('favicon') }} <span class="text-danger">*</span> <small class="text-muted">(32x32 pixels)</small></label>
            <input type="file" name="favicon" id="favicon-input" class="file-upload-default" accept="image/*"/>
            <div class="input-group col-xs-12">
                <input type="text" id="favicon" class="form-control file-upload-info" disabled="" placeholder="{{ __('favicon') }}"/>
                <span class="input-group-append">
                    <button class="file-upload-browse btn btn-theme" type="button">{{ __('upload') }}</button>
                </span>
                <div class="col-md-12 mt-2">
                    <img id="favicon-preview" height="32px" width="32px"
                         src='{{ !empty($settings['favicon']) ? url($settings['favicon']) : asset('assets/no_image_available.jpg') }}' 
                         alt="Favicon" class="">
                </div>
            </div>
        </div>
        <div class="form-group col-md-6 col-lg-6 col-xl-4 col-sm-12">
            <label for="horizontal_logo">{{ __('horizontal_logo') }} <span class="text-danger">*</span> <small class="text-muted">(250x50 pixels)</small></label>
            <input type="file" name="horizontal_logo" id="horizontal-logo-input" class="file-upload-default" accept="image/*"/>
            <div class="input-group col-xs-12">
                <input type="text" id="horizontal_logo" class="form-control file-upload-info" disabled="" placeholder="{{ __('horizontal_logo') }}"/>
                <span class="input-group-append">
                    <button class="file-upload-browse btn btn-theme" type="button">{{ __('upload') }}</button>
                </span>
                <div class="col-md-12 mt-2">
                    <img id="horizontal-logo-preview" height="50px" width="250px"
                         src='{{ !empty($settings['horizontal_logo']) ? url($settings['horizontal_logo']) : asset('assets/no_image_available.jpg') }}' 
                         alt="Horizontal Logo" class="">
                </div>
            </div>
        </div>
        <div class="form-group col-md-6 col-lg-6 col-xl-4 col-sm-12">
            <label for="vertical_logo">{{ __('vertical_logo') }} <span class="text-danger">*</span> <small class="text-muted">(100x100 pixels)</small></label>
            <input type="file" name="vertical_logo" id="vertical-logo-input" class="file-upload-default" accept="image/*"/>
            <div class="input-group col-xs-12">
                <input type="text" class="form-control file-upload-info" id="vertical_logo" disabled="" placeholder="{{ __('vertical_logo') }}"/>
                <span class="input-group-append">
                    <button class="file-upload-browse btn btn-theme" type="button">{{ __('upload') }}</button>
                </span>
                <div class="col-md-12 mt-2">
                    <img id="vertical-logo-preview" height="100px" width="100px"
                         src='{{ !empty($settings['vertical_logo']) ? url($settings['vertical_logo']) : asset('assets/no_image_available.jpg') }}' 
                         alt="Vertical Logo" class="">
                </div>
            </div>
        </div>

        <div class="form-group col-md-6 col-lg-6 col-xl-4 col-sm-12">
            <label for="login_page_logo">{{ __('login_page_logo') }} <span class="text-danger">*</span> <small class="text-muted">(200x200 pixels)</small></label>
            <input type="file" name="login_page_logo" id="login-page-logo-input" class="file-upload-default" accept="image/*"/>
            <div class="input-group col-xs-12">
                <input type="text" class="form-control file-upload-info" id="login_page_logo" disabled="" placeholder="{{ __('login_page_logo') }}" />
                <span class="input-group-append">
                    <button class="file-upload-browse btn btn-theme" type="button">{{ __('upload') }}</button>
                </span>
                <div class="col-md-12 mt-2">
                    <img height="100px" width="100px" src='{{ !empty($settings['login_page_logo']) ? url($settings['login_page_logo']) : asset('assets/no_image_available.jpg') }}' alt="Login Page Logo" class="">
                </div>
            </div>
        </div>

        <div class="form-group col-md-6 col-lg-6 col-xl-4 col-sm-12">
            <label for="theme_color">{{ __('color') }}</label>
            <input name="theme_color" id="theme_color" value="{{ $settings['theme_color'] ?? '' }}" type="text" required placeholder="{{ __('color') }}" class="color-picker"/>
        </div>

        <div class="form-group col-md-4 col-sm-12">
            <label for="School Code Prefix">{{ __('School Code Prefix') }} <span class="text-danger">*</span></label>
            <input name="school_code_prefix" id="school_code_prefix" value="{{ $settings['school_code_prefix'] ?? 'SCH' }}" type="text" required placeholder="{{ __('School Code Prefix') }}" class="form-control"/>
        </div>

        <div class="form-group col-md-3 col-sm-12">
            <label>{{ __('web_maintenance') }}</label>
            <div class="form-check">
                <label class="form-check-label">
                    <input type="checkbox" class="form-check-input" value="{{ $settings['web_maintenance'] ?? 0 }}" id="web_maintenance">{{ __('web_maintenance') }}
                    <i class="input-helper"></i>
                </label>
            </div>
            <input type="hidden" name="web_maintenance" id="txt_web_maintenance">
        </div>

        <div class="form-group col-md-3 col-sm-12">
            <label>{{ __('two_factor_verification') }} [ Enable/Disable ]</label>
            <div class="d-flex">
                <div class="form-check w-fit-content">
                    <label class="form-check-label ml-4">
                        <input type="checkbox" class="form-check-input" id="two_factor_verification" value="" @if($get_two_factor_verification == 1) checked @endif>
                        {{ __('two_factor_verification') }}
                        
                        <i class="input-helper"></i>
                    </label>
                    <input type="hidden" name="two_factor_verification" id="txt_two_factor_verification" value="{{ $get_two_factor_verification}}">
                </div>
            </div>
        </div>

        <div class="form-group col-md-3 col-sm-12">
            <label>{{ __('file_upload_size_limit') }} (MB)</label>
            <input type="number" min="1" max="{{ str_replace('M', '', ini_get('upload_max_filesize')) }}" class="form-control" value="{{ $settings['file_upload_size_limit'] ?? 0 }}" id="file_upload_size_limit">
            <input type="hidden" name="file_upload_size_limit" id="txt_file_upload_size_limit" value="{{ $settings['file_upload_size_limit'] ?? 0 }}">
        
            <!-- Add a note showing the server's max upload file size -->
            <small class="form-text text-muted">
                {{ __('Server upload limit: ') }} {{ str_replace('M', 'MB', ini_get('upload_max_filesize')) }}
            </small>
        </div>
            
        <div class="form-group col-md-3 col-sm-12">
            <label>{{ __('school').' '. __('inquiry') }} <span class="text-danger">*</span></label><br>
            <div class="d-flex">
                <div class="form-check form-check-inline">
                    <label class="form-check-label">
                        {!! Form::radio('school_inquiry', '1', false, ['class' => 'default' , ($settings['school_inquiry'] == 1) ? "checked" : "" ]) !!}{{ __('enable') }}
                    </label>
                </div>
                <div class="form-check form-check-inline">
                    <label class="form-check-label">
                        {!! Form::radio('school_inquiry', '0', false, ['class' => 'custom', ($settings['school_inquiry'] ==  0) ? "checked" : "" ]) !!}{{ __('disable') }}
                    </label>
                </div>
            </div>
        </div>
    </div>
</div>
{{-- End System Settings --}}