@extends('layouts.master')
@section('title', pageTitle('Settings'))
@section('content')
@include('sections.breadcrumb')

<div class="row justify-content-center">
    <div class="col-xl-8 pt-5">
        <div class="card height-equal">
            <div class="card-body">
                @include('sections.messages')

                <form method="POST" action="{{ route('admin.settings.update') }}">
                    @csrf

                    @foreach ($settings as $setting)
                        <input type="hidden" name="tag" value="app" />

                        <div class="row mt-3">
                            <div class="col-lg-3 col-md-3 col-sm-12 mt-5">
                                <label
                                    for="{{ settingLabel($setting['name']) }}">{{ settingLabel($setting['name']) }}</label>
                            </div>
                            <div class="col-lg-9 col-md-9 col-sm-12 mt-5">
                                @if ($setting['type'] === 'INPUT')
                                    <input type="text" name="{{ $setting['name'] }}"
                                        id="{{ settingLabel($setting['name']) }}" class="form-control"
                                        value="{{ $setting['value'] }}">
                                @endif
                                @if ($setting['type'] === 'TEXT')
                                    <textarea id="{{ settingLabel($setting['name']) }}" name="{{ $setting['name'] }}" class="form-control" rows="3">{{ $setting['value'] }}</textarea>
                                @endif
                                @if ($setting['type'] === 'NUMBER')
                                    <input type="number" min="0" step="0.01" name="{{ $setting['name'] }}"
                                        id="{{ settingLabel($setting['name']) }}" class="form-control"
                                        value="{{ $setting['value'] }}">
                                @endif
                                @if ($setting['type'] === 'EMAIL')
                                    <input type="email" name="{{ $setting['name'] }}"
                                        id="{{ settingLabel($setting['name']) }}" class="form-control"
                                        value="{{ $setting['value'] }}">
                                @endif
                                @if ($setting['type'] === 'DATE')
                                    <input type="date" name="{{ $setting['name'] }}"
                                        id="{{ settingLabel($setting['name']) }}" class="form-control"
                                        value="{{ $setting['value'] }}">
                                @endif
                                @if ($setting['type'] === 'TIME')
                                    <input type="time" name="{{ $setting['name'] }}"
                                        id="{{ settingLabel($setting['name']) }}" class="form-control"
                                        value="{{ $setting['value'] }}">
                                @endif
                                @if ($setting['type'] === 'SELECT')
                                    <select class="form-control" name="{{ $setting['name'] }}"
                                        id="{{ settingLabel($setting['name']) }}">
                                        <option value="0" {{ $setting['value'] == 0 ? 'selected' : '' }}>NO
                                        </option>
                                        <option value="1" {{ $setting['value'] == 1 ? 'selected' : '' }}>YES
                                        </option>
                                    </select>
                                @endif
                                @if ($setting['type'] === 'EDITOR')
                                    <div class="ql-wrapper ql-wrapper-demo mb-3 mt-0">
                                        <textarea id="{{ settingLabel($setting['name']) }}" name="{{ $setting['name'] }}" class="form-control textEditor">{{ $setting['value'] }}</textarea>
                                    </div>
                                @endif
                            </div>
                        </div>
                    @endforeach

                    <div class="mt-4">
                        <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Update Settings</button>
                    </div>
                    
                </form>
            </div>
        </div>
    </div>
</div>
@stop
@section('page-styles')
    <style>
        .select2-container--default .select2-selection--single {
            height: 48px !important;
            border-radius: 10px !important;
        }

        .select2-container .select2-selection--single {
            height: 48px !important;
            padding: 4px;
        }
    </style>
@stop
@section('page-scripts')
    <!-- Select2 js-->
    <script src="{{ asset('/assets/plugins/select2/js/select2.min.js') }}"></script>
    <script src="{{ asset('/assets/js/select2.js') }}"></script>
@stop