@extends('layouts.admin.main')

@section('title')
<title>{{ adminPageTitle('Settings') }}</title>
@endsection
@section('page-specific-styles')
<!-- <link rel="stylesheet" href="{{ asset('admin/css/dropzone.min.css') }}" /> -->
@endsection
@section('content')
<div class="content-wrapper">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-8">
                    <h1>Settings</h1>
                </div>
            </div>
        </div>
    </section>
    <!-- Main content -->
    <section class="content feedback-wrapper">
        <div class="container-fluid">
            <ul class="nav nav-tabs" id="clickAnalysisUl" role="tablist">
                <li class="nav-item">
                    <a href="#adminSection" data-toggle="tab" class="nav-link active">Admin</a>
                </li>
                <li class="nav-item">
                    <a href="#headerSection" data-toggle="tab" class="nav-link">Front Header</a>
                </li>
                <li class="nav-item">
                    <a href="#footerSection" data-toggle="tab" class="nav-link">Front Footer</a>
                </li>
                <li class="nav-item">
                    <a href="#socialSection" data-toggle="tab" class="nav-link">Social</a>
                </li>
                <li class="nav-item">
                    <a href="#whatsappSection" data-toggle="tab" class="nav-link">Whatsapp</a>
                </li>
            </ul>
            <form method="POST" action="{{ route('settings.store') }}" enctype="multipart/form-data" id="settingsfrm" class="settings-form">
                <div class="tab-content">
                    <div role="tabpanel" class="card tab-pane active" id="adminSection">
                        <div class="card border-0 shadow mb-4">
                            <div class="card-body">
                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label">Header Logo</label>
                                    <div class="col-sm-2">
                                        <div class="set-img-file-sec">
                                            <input type="file" class="file-input" name="admin_header_logo" id="admin-header-logo" />
                                            <label for="admin-header-logo" class="btn-3 img-lbl">
                                                <span>Upload Image</span>
                                            </label>
                                            <!-- <p>You can upload only .png, .jpg, .gif, .svg, .webp file</p> -->
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="set-img-preview text-center">
                                            <img src="{{ isset($generalSettings['admin_header_logo']) && !empty($generalSettings['admin_header_logo']) && file_exists(storage_path('app/public/logo/'.$generalSettings['admin_header_logo'])) ? url('storage/logo/'.$generalSettings['admin_header_logo']) : '' }}" id="ad-hd-img-preview" height="80%" width="90%" class="setting-img" alt="Sidebar Logo" />
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label">Favicon Icon</label>
                                    <div class="col-sm-2">
                                        <div class="set-img-file-sec">
                                            <input type="file" class="file-input" name="admin_favicon_icon" id="admin-favicon-icon" />
                                            <label for="admin-favicon-icon" class="btn-3 img-lbl">
                                                <span>Upload Image</span>
                                            </label>
                                            <!-- <p>You can upload only .png, .jpg, .gif, .svg, .webp file</p> -->
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="set-img-preview text-center">
                                            <img src="{{ isset($generalSettings['admin_favicon_icon']) && !empty($generalSettings['admin_favicon_icon']) && file_exists(storage_path('app/public/logo/'.$generalSettings['admin_favicon_icon'])) ? url('storage/logo/'.$generalSettings['admin_favicon_icon']) : '' }}" id="ad-fv-img-preview" class="setting-img" alt="Favicon Icon" height="25" width="25" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="card tab-pane" id="headerSection">
                        <div class="card border-0 shadow mb-4">
                            <div class="card-body">
                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label">Header Logo</label>
                                    <div class="col-sm-2">
                                        <div class="set-img-file-sec">
                                            <input type="file" class="file-input" name="front_header_logo" id="front-header-logo" />
                                            <label for="front-header-logo" class="btn-3 img-lbl">
                                                <span>Upload Image</span>
                                            </label>
                                            <!-- <p>You can upload only .png, .jpg, .gif, .svg, .webp file</p> -->
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="set-img-preview text-center">
                                            <img src="{{ isset($generalSettings['front_header_logo']) && !empty($generalSettings['front_header_logo']) && file_exists(storage_path('app/public/logo/'.$generalSettings['front_header_logo'])) ? url('storage/logo/'.$generalSettings['front_header_logo']) : '' }}" id="ft-hd-img-preview" height="80%" width="90%" class="setting-img" alt="Header Logo" />
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label">Favicon Icon</label>
                                    <div class="col-sm-2">
                                        <div class="set-img-file-sec">
                                            <input type="file" class="file-input" name="front_favicon_icon" id="front-favicon-icon" />
                                            <label for="front-favicon-icon" class="btn-3 img-lbl">
                                                <span>Upload Image</span>
                                            </label>
                                            <!-- <p>You can upload only .png, .jpg, .gif, .svg, .webp file</p> -->
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="set-img-preview text-center">
                                            <img src="{{ isset($generalSettings['front_favicon_icon']) && !empty($generalSettings['front_favicon_icon']) && file_exists(storage_path('app/public/logo/'.$generalSettings['front_favicon_icon'])) ? url('storage/logo/'.$generalSettings['front_favicon_icon']) : '' }}" id="ft-fv-img-preview" class="setting-img" alt="Favicon Icon" height="25" width="25" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="card tab-pane" id="footerSection">
                        <div class="card border-0 shadow mb-4">
                            <div class="card-body">
                                <div class="form-group row">
                                    <label class="col-sm-2 col-form-label">Footer Logo</label>
                                    <div class="col-sm-2">
                                        <div class="set-img-file-sec">
                                            <input type="file" class="file-input" name="front_footer_logo" id="front-footer-logo" />
                                            <label for="front-footer-logo" class="btn-3 img-lbl">
                                                <span>Upload Image</span>
                                            </label>
                                            <!-- <p>You can upload only .png, .jpg, .gif, .svg, .webp file</p> -->
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="set-img-preview text-center">
                                            <img src="{{ isset($generalSettings['front_footer_logo']) && !empty($generalSettings['front_footer_logo']) && file_exists(storage_path('app/public/logo/'.$generalSettings['front_footer_logo'])) ? url('storage/logo/'.$generalSettings['front_footer_logo']) : '' }}" id="ft-ft-img-preview" height="80%" width="90%" alt="Footer Logo" class="setting-img" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="card tab-pane" id="socialSection">
                        <div class="card border-0 shadow mb-4">
                            <div class="card-body">
                                <div class="form-group row">
                                    <label for="facebook-link" class="col-sm-2 col-form-label">Facebook Link</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" name="setting[facebook_link]" id="facebook-link" value="{{ isset($generalSettings['facebook_link']) && !empty($generalSettings['facebook_link']) ? $generalSettings['facebook_link'] : '' }}" autocomplete="off" />
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="instagram-link" class="col-sm-2 col-form-label">Instagram Link</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" name="setting[instagram_link]" id="instagram-link" value="{{ isset($generalSettings['instagram_link']) && !empty($generalSettings['instagram_link']) ? $generalSettings['instagram_link'] : '' }}" autocomplete="off" />
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="youtube-link" class="col-sm-2 col-form-label">Youtube Link</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" name="setting[youtube_link]" id="youtube-link" value="{{ isset($generalSettings['youtube_link']) && !empty($generalSettings['youtube_link']) ? $generalSettings['youtube_link'] : '' }}" autocomplete="off" />
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="twitter-link" class="col-sm-2 col-form-label">Twitter Link</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" name="setting[twitter_link]" id="twitter-link" value="{{ isset($generalSettings['twitter_link']) && !empty($generalSettings['twitter_link']) ? $generalSettings['twitter_link'] : '' }}" autocomplete="off" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="card tab-pane" id="whatsappSection">
                        <div class="card border-0 shadow mb-4">
                            <div class="card-body">
                                <div class="form-group row">
                                    <label for="whatsapp-number" class="col-sm-2 col-form-label">Whatsapp Number</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" name="setting[whatsapp_number]" id="whatsapp-number" value="{{ isset($generalSettings['whatsapp_number']) && !empty($generalSettings['whatsapp_number']) ? $generalSettings['whatsapp_number'] : '' }}" autocomplete="off" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <button type="submit" id="set-save-btn" class="btn btn-primary">Save</button>
                <span class="frm-error-msg-sec" id="frm-save-msg"></span>
            </form>
        </div>
    </section>
</div>
@endsection
@section('page-specific-scripts')
<script>
    var token = "{{ csrf_token() }}"
    var config = {
        routes: {
            delete: "{{ route('settings.remove') }}",
            store: "{{ route('settings.store') }}"
        }
    };
</script>
<script type="text/javascript" charset="utf8" src="{{ asset('js/jquery.validate.min.js') }}"></script>
<!-- <script type="text/javascript" charset="utf8" src="{{ asset('admin/js/dropzone.min.js') }}"></script> -->
<script type="text/javascript" charset="utf8" src="{{ asset('js/additional-methods.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('admin/js/pages/settings.js') }}"></script>
@endsection