{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content')
<div class="card card-custom">
    <form method="post" action="{{ route('website-configuration.store') }}" class="card card-custom" enctype="multipart/form-data">
        @csrf

        <div class="card-header">
            <h3 class="card-title">Website Configuration</h3>
        </div>

        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right" for="web-title"><b>Website - Name</b></label>
                        <div class="col-12 col-lg-9">
                            <input class="form-control" type="text" name="web_title" id="web-title" value="{{ $sitename->meta_value }}" required>
                        </div>
                    </div>
                </div>
                
                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right" for="web-description"><b>Website - Description</b></label>
                        <div class="col-12 col-lg-9">
                            <textarea class="form-control" name="web_description" id="web-description" spellcheck="false" required>{{ $sitedescription->meta_value }}</textarea>
                        </div>
                    </div>
                </div>
                
                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right" for="web-keywords"><b>Website - Keywords</b></label>
                        <div class="col-12 col-lg-9">
                            <textarea class="form-control" name="web_keywords" id="web-keywords" spellcheck="false" required>{{ $sitekeyword->meta_value }}</textarea>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Website - Logo</b></label>
                        <div class="col-12 col-lg-9">
                            <div class="custom-file">
                                <input class="custom-file-input" type="file" name="web_logo" id="web-logo" accept="image/x-png,image/gif,image/jpeg,image/jpg">
                                <label class="custom-file-label" for="web-logo">{{ config('settings.logo', 'Choose File') }}</label>
                            </div>
                            <div class="pt-5">
                                <img class="img-fluid" id="web-logo-image" src="{{ asset($sitelogo->meta_value) }}" width="250" alt="Website Logo">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row mb-lg-0">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Website - Icon</b></label>
                        <div class="col-12 col-lg-9">
                            <div class="custom-file">
                                <input class="custom-file-input" type="file" name="web_favicon" id="web-favicon" accept="image/x-png,image/gif,image/jpeg,image/jpg">
                                <label class="custom-file-label" for="web-favicon">{{ config('settings.favicon', 'Choose File') }}</label>
                            </div>
                            <div class="pt-5">
                                <img class="img-fluid" id="web-favicon-image" src="{{ asset($sitefavicon->meta_value) }}" width="32" alt="Website Favicon">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Website - Background Color</b></label>
                        <div class="col-12 col-lg-9">
                            <input class="form-control" type="text" name="web_bg_color" value="{{ $sitebgcolor->meta_value }}" required>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Website - Background Image</b></label>
                        <div class="col-12 col-lg-9">
                            <div class="custom-file">
                                <input class="custom-file-input" type="file" name="web_bg_image" accept="image/x-png,image/gif,image/jpeg,image/jpg">
                                <label class="custom-file-label" for="web-favicon">{{ config('settings.favicon', 'Choose File') }}</label>
                            </div>
                            <div class="pt-5">
                                <img class="img-fluid" src="{{ asset($sitebgimage->meta_value) }}" width="100" alt="Website Bg Image">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Website - Background Image Mobile</b></label>
                        <div class="col-12 col-lg-9">
                            <div class="custom-file">
                                <input class="custom-file-input" type="file" name="web_bg_image_mobile" accept="image/x-png,image/gif,image/jpeg,image/jpg">
                                <label class="custom-file-label" for="web-favicon">{{ config('settings.favicon', 'Choose File') }}</label>
                            </div>
                            <div class="pt-5">
                                <img class="img-fluid" src="{{ asset($sitebgimagemobile->meta_value) }}" width="100" alt="Website Bg Image Mobile">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Background Spin</b></label>
                        <div class="col-12 col-lg-9">
                            <div class="custom-file">
                                <input class="custom-file-input" type="file" name="bg_spin" accept="image/x-png,image/gif,image/jpeg,image/jpg">
                                <label class="custom-file-label" for="web-favicon">{{ config('settings.favicon', 'Choose File') }}</label>
                            </div>
                            <div class="pt-5">
                                <img class="img-fluid" src="{{ asset($sitebgspin->meta_value) }}" width="100" alt="Website Bg Image">
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Banner Header Link</b></label>
                        <div class="col-12 col-lg-9">
                            <input class="form-control" type="text" name="banner_header_1" value="{{ $banner_header_1->meta_value }}" required>
                            <input class="form-control" type="text" name="banner_header_2" value="{{ $banner_header_2->meta_value }}" required>
                            <input class="form-control" type="text" name="banner_header_3" value="{{ $banner_header_3->meta_value }}" required>
                            <input class="form-control" type="text" name="banner_header_4" value="{{ $banner_header_4->meta_value }}" required>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Banner Top Link</b></label>
                        <div class="col-12 col-lg-4">
                            <input class="form-control" type="text" name="banner_top_1" value="{{ $banner_top_1->meta_value }}" required>
                        </div>
                        <div class="col-12 col-lg-4">
                            <input class="form-control" type="text" name="banner_top_2" value="{{ $banner_top_2->meta_value }}" required>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Banner Bottom Link</b></label>
                        <div class="col-12 col-lg-4">
                            <input class="form-control" type="text" name="banner_bottom_1" value="{{ $banner_bottom_1->meta_value }}" required>
                        </div>
                        <div class="col-12 col-lg-4">
                            <input class="form-control" type="text" name="banner_bottom_2" value="{{ $banner_bottom_2->meta_value }}" required>
                        </div>
                    </div>
                </div>
                
                <div class="col-12">
                    <div class="form-group row">
                        <label for="bankname" class="col-3 col-form-label text-right">Landing Username
                        <span class="text-danger">*</span></label>
                        <div class="col-9 d-flex align-items-center">
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="customSwitch1" name="landing_username" @if($sitelandingusername->meta_value == "on"){{'checked'}}@endif>
                                <label class="custom-control-label" for="customSwitch1">On/Off</label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label for="bankname" class="col-3 col-form-label text-right">Landing Table
                        <span class="text-danger">*</span></label>
                        <div class="col-9 d-flex align-items-center">
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="customSwitch2" name="landing_table" @if($sitelandingtable->meta_value == "on"){{'checked'}}@endif>
                                <label class="custom-control-label" for="customSwitch2">On/Off</label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Website - Reward Color</b></label>
                        <div class="col-12 col-lg-9">
                            <input class="form-control" type="text" name="reward_color" value="{{ $sitebgcolor->meta_value }}" required>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Website - Gradient 1</b></label>
                        <div class="col-12 col-lg-9">
                            <input class="form-control" type="text" name="gradient1" value="{{ $sitegradient1->meta_value }}" required>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Website - Gradient 2</b></label>
                        <div class="col-12 col-lg-9">
                            <input class="form-control" type="text" name="gradient2" value="{{ $sitegradient2->meta_value }}" required>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-form-label text-right col-lg-3 col-sm-12">Reward Text</label>
                        <div class="col-lg-6 col-md-9 col-sm-12">
                            <textarea name="reward_text" class="form-control" data-provide="markdown" rows="10">{{ $siterewardtext->meta_value }}</textarea>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-form-label text-right col-lg-3 col-sm-12">Welcome Title</label>
                        <div class="col-lg-6 col-md-9 col-sm-12">
                            <textarea name="welcome_title" class="form-control" data-provide="markdown" rows="10">{{ $sitewelcometitle->meta_value }}</textarea>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-form-label text-right col-lg-3 col-sm-12">Welcome Text</label>
                        <div class="col-lg-6 col-md-9 col-sm-12">
                            <textarea name="welcome_text" class="form-control" data-provide="markdown" rows="10">{{ $sitewelcometext->meta_value }}</textarea>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-form-label text-right col-lg-3 col-sm-12">Zonk Title</label>
                        <div class="col-lg-6 col-md-9 col-sm-12">
                            <textarea name="zonk_title" class="form-control" data-provide="markdown" rows="10">{{ $sitezonktitle->meta_value }}</textarea>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-form-label text-right col-lg-3 col-sm-12">Zonk Text</label>
                        <div class="col-lg-6 col-md-9 col-sm-12">
                            <textarea name="zonk_text" class="form-control" data-provide="markdown" rows="10">{{ $sitezonktext->meta_value }}</textarea>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Background Audio</b></label>
                        <div class="col-12 col-lg-9">
                            <div class="custom-file">
                                <input class="custom-file-input" type="file" name="bg_audio" accept="audio/*">
                                <label class="custom-file-label" for="bg_audio">{{ config('settings.favicon', 'Choose File') }}</label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Winner Audio</b></label>
                        <div class="col-12 col-lg-9">
                            <div class="custom-file">
                                <input class="custom-file-input" type="file" name="winner_audio" accept="audio/*">
                                <label class="custom-file-label" for="winner_audio">{{ config('settings.favicon', 'Choose File') }}</label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Link Whatsapp</b></label>
                        <div class="col-12 col-lg-9">
                            <input class="form-control" type="text" name="link_whatsapp" value="{{ $linkWhatsapp->meta_value }}" required>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group row">
                        <label class="col-12 col-lg-3 col-form-label text-right"><b>Link Livechat</b></label>
                        <div class="col-12 col-lg-9">
                            <input class="form-control" type="text" name="link_livechat" value="{{ $linkLivechat->meta_value }}" required>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group row">
                        <label for="bankname" class="col-3 col-form-label text-right">Maintenance <span class="text-danger">*</span></label>
                        <div class="col-9 d-flex align-items-center">
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="customSwitch4" name="maintenance" @if($sitemaintenance->meta_value == "on"){{'checked'}}@endif>
                                <label class="custom-control-label" for="customSwitch4">On/Off</label>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>

        <div class="card-footer">
            <button type="submit" class="btn btn-primary font-weight-bold">Save</button>
        </div>
    </form>
</div>
{{-- <script src="{{ asset('js/pages/features/miscellaneous/sweetalert2.js') }}"></script> --}}
{{-- <script src="{{ asset('js/pages/crud/ktdatatable/base/html-table.js') }}" type="text/javascript"></script> --}}

@endsection