@extends('Dashboard.layouts.master')
@section('title', 'Settings | Edit')
@section('css')
@endsection
@section('content')
    <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
        <div class="d-flex flex-column flex-column-fluid">
            <livewire:bread-crumb heading="{{__('translations.settings')}}"
                                  url_1="{{Helper::handle_route('dashboard')}}" name_1="Home"
                                  name_2="{{__('translations.settings')}}" name_3="{{__('forms.edit')}}"/>

            <div id="kt_app_content" class="app-content flex-column-fluid">
                <!--begin::Content container-->
                <div id="kt_app_content_container" class="app-container container-xxl">

                    <div class="card">
                        <form action="{{Helper::handle_route('settings.update' , $setting)}}" method="POST"
                              class="form"
                              enctype="multipart/form-data">
                            @csrf
                            @method('POST')
                            <div class="card-body">

                                <ul class="nav nav-tabs" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" data-bs-toggle="tab"
                                           href="#information">{{__('forms.information')}}</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-bs-toggle="tab"
                                           href="#media">{{__('forms.media')}} @error('images.*')
                                            <span class="text-danger">*</span> @enderror</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-bs-toggle="tab"
                                           href="#mailer-setting">{{__('forms.mailer_setting')}}</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-bs-toggle="tab"
                                           href="#palette">Palette</a>
                                    </li>
                                </ul>
                                <!-- Tab panes -->
                                <div class="tab-content">
                                    <div id="information" class="tab-pane active"><br>
                                        <div class="mb-5">
                                            <livewire:form.text label="{{__('forms.record_per_page')}}"
                                                                name="record_per_page"
                                                                value="{{$setting->record_per_page}}"/>
                                        </div>

                                        <div class="mb-8">
                                            <label>Font <span class="text-danger">*</span></label>
                                            @php $fonts = ['Gabarito' , 'AR One Sans' , 'Pixelify Sans' , 'Rubik' , 'Poppins'];@endphp
                                            <select name="font" class="form-control">
                                                @foreach($fonts as $font)
                                                    <option
                                                        {{$setting->font == $font ? 'selected' : ''}} value="{{$font}}">
                                                        {{$font}}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('font') <span
                                                class="text-danger"> {{$errors->first('font')}} </span> @enderror
                                        </div>

                                        <div class="mb-5">
                                            <div class="form-group ">
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" id="gridCheck"
                                                           name="allow_step_verification"
                                                           value="1" {{ $setting->allow_step_verification == 1 ? 'checked="checked"' : '' }}>
                                                    <label class="form-check-label fw-bold" for="gridCheck"
                                                           style="font-size: 14px;">
                                                        {{__('forms.allow_step_verification')}}
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        @if(Helper::isSubdomain(request()->getHost()))
                                            <div class="mb-5">
                                                <div class="form-check form-switch p-0">
                                                    <div class="d-flex">
                                                        <label class="form-check-label fw-bold"
                                                               style="font-size: 14px;">Waitlist
                                                            off</label>

                                                        <div class="form-switch form-check ms-3 me-3 mt-1">
                                                            <input type="checkbox" class="form-check-input"
                                                                   name="waitlist_status"
                                                                   value="1" {{ $setting->waitlist_status == 1 ? 'checked="checked"' : '' }}>
                                                        </div>
                                                        <label class="form-check-label  fw-bold"
                                                               style="font-size: 14px; ">Waitlist
                                                            on</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="mb-5">
                                                <div class="form-check form-switch p-0">
                                                    <div class="d-flex">
                                                        <label class="form-check-label fw-bold"
                                                               style="font-size: 14px;">Private </label>

                                                        <div class="form-switch form-check ms-3 me-3 mt-1">
                                                            <input type="checkbox" class="form-check-input"
                                                                   name="is_public"
                                                                   value="1" {{ $setting->is_public == 1 ? 'checked="checked"' : '' }}>
                                                        </div>
                                                        <label class="form-check-label fs-1x  fw-bold"
                                                               style="font-size: 14px;">Public</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="mb-5">
                                                <div class="form-check form-switch p-0">
                                                    <div class="d-flex">
                                                        <label class="form-check-label fw-bold"
                                                               style="font-size: 14px;">UnPublished </label>

                                                        <div class="form-switch form-check ms-3 me-3 mt-1">
                                                            <input type="checkbox" class="form-check-input"
                                                                   name="is_published"
                                                                   value="1" {{ $setting->is_published == 1 ? 'checked="checked"' : '' }}>
                                                        </div>
                                                        <label class="form-check-label fs-1x  fw-bold"
                                                               style="font-size: 14px;">Published</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="mb-5">
                                                <div class="form-check form-switch p-0">
                                                    <div class="d-flex">
                                                        <label class="form-check-label fw-bold"
                                                               style="font-size: 14px;">Show Timeline </label>

                                                        <div class="form-switch form-check ms-3 me-3 mt-1">
                                                            <input type="checkbox" class="form-check-input"
                                                                   name="hide_timeline"
                                                                   value="1" {{ $setting->hide_timeline == 1 ? 'checked="checked"' : '' }}>
                                                        </div>
                                                        <label class="form-check-label fs-1x  fw-bold"
                                                               style="font-size: 14px;">Hide Timeline</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="mb-5">
                                                <div class="form-check form-switch p-0">
                                                    <div class="d-flex">
                                                        <label class="form-check-label fw-bold"
                                                               style="font-size: 14px;">Show Home </label>

                                                        <div class="form-switch form-check ms-3 me-3 mt-1">
                                                            <input type="checkbox" class="form-check-input"
                                                                   name="hide_home"
                                                                   value="1" {{ $setting->hide_home == 1 ? 'checked="checked"' : '' }}>
                                                        </div>
                                                        <label class="form-check-label fs-1x  fw-bold"
                                                               style="font-size: 14px;">Hide Home</label>
                                                    </div>
                                                </div>
                                            </div>

                                        @endif
                                    </div>
                                    <div id="palette" class="tab-pane"><br>
                                        <div class="mb-8">
                                            <livewire:form.text label="Color" name="color"
                                                                value="{{$setting->color}}"
                                                                type="color"
                                                                required="required"/>
                                        </div>
                                    </div>
                                    <div id="media" class="tab-pane "><br>
                                        <div class="mb-3 d-flex justify-content-between flex-wrap">
                                            <div class="mb-3">
                                                @error('images.logo')
                                                <span
                                                    class="text-danger"> {{ $errors->first('images.logo') }} </span>
                                                @enderror
                                                <livewire:form.image label="{{__('forms.logo')}}" name="images[logo]"
                                                                     remove_name="images[remove_logo]"
                                                                     value="{{$setting->getFirstMediaUrl('logo')}}" />
                                            </div>
                                            <div class="mb-3">
                                                @error('images.logo_dark')
                                                <span
                                                    class="text-danger"> {{ $errors->first('images.logo_dark') }} </span>
                                                @enderror
                                                <livewire:form.image label="{{__('forms.logo_dark')}}"
                                                                     value="{{$setting->getFirstMediaUrl('logo_dark')}}"
                                                                     remove_name="images[remove_logo_dark]"
                                                                     name="images[logo_dark]"/>
                                            </div>
                                            <div class="mb-3">
                                                @error('images.logo_small')
                                                <span
                                                    class="text-danger"> {{ $errors->first('images.logo_small') }} </span>
                                                @enderror
                                                <livewire:form.image label="{{__('forms.logo_small')}}"
                                                                     value="{{$setting->getFirstMediaUrl('logo_small')}}"
                                                                     remove_name="images[remove_logo_small]"
                                                                     name="images[logo_small]"/>
                                            </div>
                                            <div class="mb-3">
                                                @error('images.placeholder')
                                                <span
                                                    class="text-danger"> {{ $errors->first('images.placeholder') }} </span>
                                                @enderror
                                                <livewire:form.image label="{{__('forms.placeholder')}}"
                                                                     value="{{$setting->getFirstMediaUrl('placeholder')}}"
                                                                     remove_name="images[remove_placeholder]"
                                                                     name="images[placeholder]"/>
                                            </div>
                                            <div class="mb-3">
                                                @error('images.favicon')
                                                <span
                                                    class="text-danger"> {{ $errors->first('images.favicon') }} </span>
                                                @enderror
                                                <livewire:form.image label="{{__('forms.favicon')}}"
                                                                     value="{{$setting->getFirstMediaUrl('favicon')}}"
                                                                     remove_name="images[remove_favicon]"
                                                                     name="images[favicon]"/>
                                            </div>
                                            <div class="mb-3">
                                                @error('images.background_image')
                                                <span
                                                    class="text-danger"> {{ $errors->first('images.background_image') }} </span>
                                                @enderror
                                                <livewire:form.image label="Background image"
                                                                     value="{{$setting->getFirstMediaUrl('background_image')}}"
                                                                     remove_name="images[remove_background_image]"
                                                                     name="images[background_image]"/>
                                            </div>

                                            <div class="mb-3">
                                                @error('images.banner_image')
                                                <span
                                                    class="text-danger"> {{ $errors->first('images.banner_image') }} </span>
                                                @enderror
                                                <livewire:form.image label="Banner image"
                                                                     value="{{$setting->getFirstMediaUrl('banner_image')}}"
                                                                     remove_name="images[remove_banner_image]"
                                                                     name="images[banner_image]"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="mailer-setting" class="tab-pane"><br>
                                        <div class="mb-3">
                                            <livewire:form.text label="{{__('forms.sender_name')}}"
                                                                name="mailer[sender_name]"
                                                                value="{{$setting->sender_name}}"/>
                                        </div>
                                        <div class="mb-3">
                                            <livewire:form.text label="{{__('forms.reply_to_email')}}"
                                                                name="mailer[reply_email]"
                                                                value="{{$setting->reply_email}}"/>
                                        </div>
                                        <div class="mb-3">
                                            <livewire:form.text label="{{__('forms.mailer_host')}}"
                                                                name="mailer[mailer_host]"
                                                                value="{{$setting->mailer_host}}"/>
                                        </div>
                                        <div class="mb-3">
                                            <livewire:form.text label="{{__('forms.mailer_port')}}"
                                                                name="mailer[mailer_port]"
                                                                value="{{$setting->mailer_port}}"/>
                                        </div>
                                        <div class="mb-3">
                                            <livewire:form.text label="{{__('forms.mailer_encryption')}}"
                                                                name="mailer[mailer_encryption]"
                                                                value="{{$setting->mailer_encryption}}"/>
                                        </div>
                                        <div class="mb-3">
                                            <livewire:form.text label="{{__('forms.mailer_transport')}}"
                                                                name="mailer[mailer_transport]"
                                                                value="{{$setting->mailer_transport}}"/>
                                        </div>
                                        <div class="mb-3">
                                            <livewire:form.text label="{{__('forms.mailer_username')}}"
                                                                name="mailer[mailer_username]"
                                                                value="{{$setting->mailer_username}}"/>
                                        </div>
                                        <div class="mb-3">
                                            <livewire:form.text label="{{__('forms.mailer_email')}}"
                                                                name="mailer[mailer_email]"
                                                                value="{{$setting->mailer_email}}"/>
                                        </div>

                                        <div class="mb-3">
                                            <livewire:form.text type="password" label="{{__('forms.mailer_password')}}"
                                                                name="mailer[mailer_password]"
                                                                value="{{$setting->mailer_password}}"/>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="card-footer">
                                <input type="submit" value="{{__('forms.save')}}" class="btn btn-primary">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
@endsection