@section('title', 'Settings')

@push('style')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/quill/katex.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/quill/monokai-sublime.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/quill/quill.snow.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/quill/quill.bubble.css')}}">
<link rel="stylesheet" href="{{asset('css/admin/settings/viewSettings.css')}}">
@endpush

@push('vendor-script')
@endpush

@push('script')
<script src="{{asset('vendors/quill/katex.min.js')}}"></script>
<script src="{{asset('vendors/quill/highlight.min.js')}}"></script>
<script src="{{asset('vendors/quill/quill.min.js')}}"></script>
<script src="{{asset('vendors/quill/quill.htmlEditButton.min.js')}}"></script>
<script src="{{asset('js/admin/settings/viewSettings.js')}}"></script>
@endpush

<x-admin-layout>

    <x-breadcrumbs :breadcrumbs="$breadcrumbs">
    </x-breadcrumbs>

    <div class="row">
        <div class="col s12 m6 l6">
            <div id="basic-form" class="card card card-default scrollspy">
                <div class="card-content">
                    <h4 class="card-title">@lang('General')</h4>

                    <form action="{{route('admin_settings_general_save')}}" method="post" enctype='multipart/form-data'>
                        @csrf
                        <div class="row">
                            <div class="col s12">
                                <div class="input-field">
                                    <label for="company_name_en">@lang('Company Name (English)')</label>
                                    <input type="text" value="{{ old('company_name_en',$settings->get('company_name_en')->value) }}" name="company_name_en" id="company_name_en" class="form-control">
                                    @error('company_name_en')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                                <div class="input-field">
                                    <label for="company_name_ar">@lang('Company Name (Arabic)')</label>
                                    <input type="text" value="{{ old('company_name_ar',$settings->get('company_name_ar')->value) }}" name="company_name_ar" id="company_name_ar" class="form-control">
                                    @error('company_name_ar')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                                <div class="input-field">
                                    <label for="company_description_en">@lang('Company Description (English)')</label>
                                    <textarea name="company_description_en" id="company_description_en" class="materialize-textarea">{!! old('company_description_en',$settings->get('company_description_en')->value) !!}</textarea>
                                    @error('company_description_en')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                                <div class="input-field">
                                    <label for="company_description_ar">@lang('Company Description (Arabic)')</label>
                                    <textarea name="company_description_ar" id="company_description_ar" class="materialize-textarea">{!! old('company_description_ar',$settings->get('company_description_ar')->value) !!}</textarea>
                                    @error('company_description_ar')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                                <div class="file-field input-field">
                                    @if($settings->get('fav_icon')->value && Storage::disk('musawer')->exists($settings->get('fav_icon')->value))
                                    <div class="row">
                                        <div class="col s12">
                                            <label for="fav_icon" class="active">@lang('Fav Icon')</label>
                                            <img class="preview favicon_preview" src="{{Storage::disk('musawer')->url($settings->get('fav_icon')->value)}}" alt="" style="width:auto; max-width:40px;">
                                            <a href="{{route('admin_settings_remove_favicon')}}" class="confirm-delete text-danger"><i class="material-icons dp48">close</i></a>
                                        </div>
                                    </div>
                                    @else
                                    <div class="btn">
                                        <span>@lang('Fav Icon')</span>
                                        <input type="file" id="fav_icon" name="fav_icon">
                                    </div>
                                    <div class="file-path-wrapper">
                                        <input class="file-path validate" type="text">
                                    </div>
                                    @endif
                                    @error('fav_icon')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                                <div class="file-field input-field">
                                    @if($settings->get('logo_dark')->value && Storage::disk('musawer')->exists($settings->get('logo_dark')->value))
                                    <div class="row">
                                        <div class="col s12">
                                            <label for="logo_dark" class="active">@lang('Dark Logo')</label>
                                            <img class="preview" src="{{Storage::disk('musawer')->url($settings->get('logo_dark')->value)}}" alt="" style="width:150px">
                                            <a href="{{route('admin_settings_remove_dark_logo')}}" class="confirm-delete text-danger"><i class="material-icons dp48">close</i></a>
                                        </div>
                                    </div>
                                    @else
                                    <div class="btn">
                                        <span>@lang('Dark Logo')</span>
                                        <input type="file" id="logo_dark" name="logo_dark">
                                    </div>
                                    <div class="file-path-wrapper">
                                        <input class="file-path validate" type="text">
                                    </div>
                                    @endif
                                    @error('logo_dark')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                                <div class="file-field input-field">
                                    @if($settings->get('logo_light')->value && Storage::disk('musawer')->exists($settings->get('logo_light')->value))
                                    <div class="row">
                                        <div class="col s12">
                                            <label for="logo_light" class="active">@lang('Light Logo')</label>
                                            <img class="preview" src="{{Storage::disk('musawer')->url($settings->get('logo_light')->value)}}" alt="" style="width:150px">
                                            <a href="{{route('admin_settings_remove_light_logo')}}" class="confirm-delete text-danger"><i class="material-icons dp48">close</i></a>
                                        </div>
                                    </div>
                                    @else
                                    <div class="btn">
                                        <span>@lang('Light Logo')</span>
                                        <input type="file" id="logo_light" name="logo_light">
                                    </div>
                                    <div class="file-path-wrapper">
                                        <input class="file-path validate" type="text">
                                    </div>
                                    @endif
                                    @error('logo_light')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                                <div class="input-field">
                                    <label for="meta_tags">@lang('Meta Tags')</label>
                                    <textarea name="meta_tags" id="meta_tags" class="materialize-textarea">{!! old('meta_tags',$settings->get('meta_tags')->value) !!}</textarea>
                                    @error('meta_tags')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                                <div class="input-field">
                                    <label for="address">@lang('Address')</label>
                                    <textarea name="address" id="address" class="materialize-textarea">{!! old('address',$settings->get('address')->value) !!}</textarea>
                                    @error('address')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                                <div class="input-field">
                                    <label for="email">@lang('Email')</label>
                                    <input type="email" value="{{ old('email',$settings->get('email')->value) }}" name="email" id="email" class="form-control">
                                    @error('email')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                                <div class="input-field">
                                    <label for="phone">@lang('Phone')</label>
                                    <input type="text" value="{{ old('phone',$settings->get('phone')->value) }}" name="phone" id="phone" class="form-control">
                                    @error('phone')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                                <div class="input-field">
                                    <label for="phone">@lang('Phone (Arabic)')</label>
                                    <input type="text" value="{{ old('phone',$settings->get('phone_ar')->value) }}" name="phone_ar" id="phone_ar" class="form-control" dir="rtl">
                                    @error('phone_ar')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12 l3 display-flex align-items-center show-btn">
                                <button type="submit" class="btn btn-sm btn-primary">@lang('SAVE')</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
        <div class="col s12 m6 l6">
            <div id="basic-form" class="card card card-default scrollspy">
                <div class="card-content">
                    <h4 class="card-title">@lang('SMS')</h4>

                    <form action="{{route('admin_settings_general_save')}}" method="post" enctype='multipart/form-data'>
                        @csrf
                        <div class="row">
                            <div class="col s12">
                                <div class="input-field">
                                    <label for="sms_userName">@lang('Username')</label>
                                    <input type="text" value="{{ old('sms_userName',$settings->get('sms_userName')->value) }}" name="sms_userName" id="sms_userName" class="form-control">
                                    @error('sms_userName')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12">
                                <div class="input-field">
                                    <label for="sms_password">@lang('Password')</label>
                                    <input type="text" value="{{ old('sms_password',$settings->get('sms_password')->value) }}" name="sms_password" id="sms_password" class="form-control">
                                    @error('sms_password')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12">
                                <div class="input-field">
                                    <label for="sms_senderId">@lang('Sender Id')</label>
                                    <input type="text" value="{{ old('sms_senderId',$settings->get('sms_senderId')->value) }}" name="sms_senderId" id="sms_senderId" class="form-control">
                                    @error('sms_senderId')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12 l3 display-flex align-items-center show-btn">
                                <button type="submit" class="btn btn-sm btn-primary">@lang('SAVE')</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
        <div class="col s12 m6 l6">
            <div id="basic-form" class="card card card-default scrollspy">
                <div class="card-content">
                    <h4 class="card-title">@lang('Google Map')</h4>

                    <form action="{{route('admin_settings_general_save')}}" method="post" enctype='multipart/form-data'>
                        @csrf
                        <div class="row">
                            <div class="col s12">
                                <div class="input-field">
                                    <label for="google_map_api_key">@lang('Google Map Api Key')</label>
                                    <input type="text" value="{{ old('google_map_api_key',$settings->get('google_map_api_key')->value) }}" name="google_map_api_key" id="google_map_api_key" class="form-control">
                                    @error('google_map_api_key')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12 l3 display-flex align-items-center show-btn">
                                <button type="submit" class="btn btn-sm btn-primary">@lang('SAVE')</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
        <div class="col s12 m6 l6">
            <div id="basic-form" class="card card card-default scrollspy">
                <div class="card-content">
                    <h4 class="card-title">@lang('Email Signature')</h4>

                    <form action="{{route('admin_settings_general_save')}}" method="post" enctype='multipart/form-data'>
                        @csrf
                        <div class="row">
                            <div class="col s12">
                                <div class="input-field">
                                    <textarea class="materialize-textarea" name="signature" id="signature"> {!! old('signature', $settings->get('signature')->value) !!}</textarea>
                                    @error('signature')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12 l3 display-flex align-items-center show-btn">
                                <button type="submit" class="btn btn-sm btn-primary">@lang('SAVE')</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
        <div class="col s12 m6 l6">
            <div id="basic-form" class="card card card-default scrollspy">
                <div class="card-content">
                    <h4 class="card-title">@lang('Admin Emails (comma separated)')</h4>

                    <form action="{{route('admin_settings_general_save')}}" method="post" enctype='multipart/form-data'>
                        @csrf
                        <div class="row">
                            <div class="col s12">
                                <div class="input-field">
                                    <textarea class="materialize-textarea" name="admin_emails" id="admin_emails">{!! old('admin_emails', $settings->get('admin_emails')->value) !!}</textarea>
                                    @error('admin_emails')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12 l3 display-flex align-items-center show-btn">
                                <button type="submit" class="btn btn-sm btn-primary">@lang('SAVE')</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
        <div class="col s12 m6 l6">
            <div id="basic-form" class="card card card-default scrollspy">
                <div class="card-content">
                    <h4 class="card-title">@lang('Payment')</h4>

                    <form action="{{route('admin_settings_general_save')}}" method="post" enctype='multipart/form-data'>
                        @csrf
                        <div class="row">
                            <!-- <div class="col s12">
                                <div class="input-field">
                                    <label for="handling_charge">@lang('Handling Charge')</label>
                                    <input type="number" value="{{ old('handling_charge',$settings->get('handling_charge')->value) }}" name="handling_charge" id="handling_charge" class="form-control">
                                    @error('handling_charge')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div> -->
                            <div class="col s12">
                                <div class="input-field">
                                    <label for="loyalty_discount">@lang('Loyalty Discount %')</label>
                                    <input type="number" value="{{ old('loyalty_discount',$settings->get('loyalty_discount')->value) }}" name="loyalty_discount" id="loyalty_discount" class="form-control">
                                    @error('loyalty_discount')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12">
                                <div class="input-field">
                                    <label for="merchantCode">@lang('Merchent Code')</label>
                                    <input type="number" value="{{ old('merchantCode',$settings->get('merchantCode')->value) }}" name="merchantCode" id="merchantCode" class="form-control">
                                    @error('merchantCode')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12">
                                <div class="input-field">
                                    <label for="secretKey">@lang('Secret Key')</label>
                                    <input type="text" value="{{ old('secretKey',$settings->get('secretKey')->value) }}" name="secretKey" id="secretKey" class="form-control">
                                    @error('secretKey')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12">
                                <div class="input-field">
                                    <label for="ivKey">@lang('IV Key')</label>
                                    <input type="text" value="{{ old('ivKey',$settings->get('ivKey')->value) }}" name="ivKey" id="ivKey" class="form-control">
                                    @error('ivKey')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12">
                                <div class="input-field">
                                    <label for="accessCode">@lang('Access Code')</label>
                                    <input type="text" value="{{ old('accessCode',$settings->get('accessCode')->value) }}" name="accessCode" id="accessCode" class="form-control">
                                    @error('accessCode')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12 l3 display-flex align-items-center show-btn">
                                <button type="submit" class="btn btn-sm btn-primary">@lang('SAVE')</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
        <div class="col s12 m6 l6">
            <div id="basic-form" class="card card card-default scrollspy">
                <div class="card-content">
                    <h4 class="card-title">@lang('External Links')</h4>

                    <form action="{{route('admin_settings_general_save')}}" method="post" enctype='multipart/form-data'>
                        @csrf
                        <div class="row">
                            <div class="col s12">
                                <div class="input-field">
                                    <label for="facebook_url">@lang('Facebook')</label>
                                    <input type="text" value="{{ old('facebook_url',$settings->get('facebook_url')->value) }}" name="facebook_url" id="facebook_url" class="form-control">
                                    @error('facebook_url')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12">
                                <div class="input-field">
                                    <label for="twitter_url">@lang('Twitter')</label>
                                    <input type="text" value="{{ old('twitter_url',$settings->get('twitter_url')->value) }}" name="twitter_url" id="twitter_url" class="form-control">
                                    @error('twitter_url')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12">
                                <div class="input-field">
                                    <label for="youtube_url">@lang('Youtube')</label>
                                    <input type="text" value="{{ old('youtube_url',$settings->get('youtube_url')->value) }}" name="youtube_url" id="youtube_url" class="form-control">
                                    @error('youtube_url')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12">
                                <div class="input-field">
                                    <label for="instagram_url">@lang('Instagram')</label>
                                    <input type="text" value="{{ old('instagram_url',$settings->get('instagram_url')->value) }}" name="instagram_url" id="instagram_url" class="form-control">
                                    @error('instagram_url')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>
                            <div class="col s12 l3 display-flex align-items-center show-btn">
                                <button type="submit" class="btn btn-sm btn-primary">@lang('SAVE')</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>

        <div class="col s12 m6 l6">
            <div id="basic-form" class="card card card-default scrollspy">
                <div class="card-content">
                    <h4 class="card-title">@lang('Cart page section')</h4>

                    <form action="{{route('admin_settings_cart_image_save')}}" method="post" enctype='multipart/form-data'>
                        @csrf
                        <div class="row">
                            <div class="col s12">
                                <div class="file-field input-field">
                                    @if($settings->get('cart_image_left')->value && Storage::disk('musawer')->exists($settings->get('cart_image_left')->value))
                                    <div class="row">
                                        <div class="col s12">
                                            <label for="cart_image_left" class="active">@lang('Image Left (400x400)')</label>

                                            <div style="position: relative; display: inline-block;">
                                                <img class="preview" src="{{Storage::disk('musawer')->url($settings->get('cart_image_left')->value)}}" alt="" style="width:150px">
                                                <a href="{{route('admin_settings_remove_cart_image',['type' => 'cart_image_left'])}}" class="confirm-delete text-danger" style="position: absolute; top: 0; right: 0;"><i class="material-icons dp48">close</i></a>
                                            </div>
                                        </div>
                                    </div>
                                    @else
                                    <div class="btn">
                                        <span>@lang('Image Left (400x400)')</span>
                                        <input type="file" id="cart_image_left" name="cart_image_left">
                                    </div>
                                    <div class="file-path-wrapper">
                                        <input class="file-path validate" type="text">
                                    </div>
                                    @endif
                                    @error('cart_image_left')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>

                                <div class="file-field input-field">
                                    @if($settings->get('cart_image_bottom')->value && Storage::disk('musawer')->exists($settings->get('cart_image_bottom')->value))
                                    <div class="row">
                                        <div class="col s12">
                                            <label for="logo_dark" class="active">@lang('Image Bottom (400x500)')</label>
                                            <div style="position: relative; display: inline-block;">
                                                <img class="preview" src="{{Storage::disk('musawer')->url($settings->get('cart_image_bottom')->value)}}" alt="" style="width:150px">
                                                <a href="{{route('admin_settings_remove_cart_image',['type' => 'cart_image_bottom'])}}" class="confirm-delete text-danger" style="position: absolute; top: 0; right: 0;"><i class="material-icons dp48">close</i></a>
                                            </div>
                                        </div>
                                    </div>
                                    @else
                                    <div class="btn">
                                        <span>@lang('Image Bottom (400x400)')</span>
                                        <input type="file" id="cart_image_bottom" name="cart_image_bottom">
                                    </div>
                                    <div class="file-path-wrapper">
                                        <input class="file-path validate" type="text">
                                    </div>
                                    @endif
                                    @error('cart_image_bottom')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>

                                <div class="file-field input-field">
                                    @if($settings->get('cart_image_right')->value && Storage::disk('musawer')->exists($settings->get('cart_image_right')->value))
                                    <div class="row">
                                        <div class="col s12">
                                            <label for="logo_dark" class="active">@lang('Image Right (400x400)')</label>
                                            <div style="position: relative; display: inline-block;">
                                                <img class="preview" src="{{Storage::disk('musawer')->url($settings->get('cart_image_right')->value)}}" alt="" style="width:150px">
                                                <a href="{{route('admin_settings_remove_cart_image',['type' => 'cart_image_right'])}}" class="confirm-delete text-danger" style="position: absolute; top: 0; right: 0;"><i class="material-icons dp48">close</i></a>
                                            </div>
                                        </div>
                                    </div>
                                    @else
                                    <div class="btn">
                                        <span>@lang('Image Right (400x400)')</span>
                                        <input type="file" id="cart_image_right" name="cart_image_right">
                                    </div>
                                    <div class="file-path-wrapper">
                                        <input class="file-path validate" type="text">
                                    </div>
                                    @endif
                                    @error('cart_image_right')<small class="form-text text-danger">{{ $message }}</small>@enderror
                                </div>
                            </div>


                            <div class="col s12 l3 display-flex align-items-center show-btn">
                                <button type="submit" class="btn btn-sm btn-primary">@lang('SAVE')</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>
</x-admin-layout>