@extends('dashboard.layouts.app')
@push('page_vendor_css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/dashboard') }}/app-assets/vendors/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/dashboard') }}/app-assets/vendors/css/forms/select/select2.min.css">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/dashboard') }}/app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css">
@endpush
@push('page_styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/dashboard') }}/app-assets/css/core/menu/menu-types/vertical-menu.min.css">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/dashboard') }}/app-assets/css/plugins/forms/pickers/form-pickadate.min.css">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/dashboard') }}/app-assets/css/plugins/forms/pickers/form-flat-pickr.min.css">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/dashboard') }}/app-assets/css/plugins/forms/form-validation.css">
@endpush
@section('content')

<div class="content-body">
    <!-- account setting page -->
    <section id="page-account-settings">
        <div class="row">
            <!-- left menu section -->
            <div class="col-md-3 mb-2 mb-md-0">
                <ul class="nav nav-pills flex-column nav-left">
                    <!-- general -->
                    
                    <li class="nav-item">
                        <a class="nav-link active" id="pill-general" data-toggle="pill" href="#vertical-general" aria-expanded="true">
                            <i data-feather='globe' class="font-medium-3 mr-1"></i> 
                            <span class="font-weight-bold">General</span>
                        </a>
                    </li>
                    
                    <!-- Address -->
                    <li class="nav-item">
                        <a class="nav-link " id="pill-address" data-toggle="pill" href="#vertical-address" aria-expanded="false">
                            <i data-feather='map' class="font-medium-3 mr-1"></i>
                            <span class="font-weight-bold">Address</span>
                        </a>
                    </li>
                    <!-- social -->
                    <li class="nav-item">
                        <a class="nav-link " id="pill-social" data-toggle="pill" href="#vertical-social" aria-expanded="false">
                            <i data-feather="link" class="font-medium-3 mr-1"></i>
                            <span class="font-weight-bold">Social Links</span>
                        </a>
                    </li>
                    
                    {{-- <!-- seo -->
                    <li class="nav-item">
                        <a class="nav-link " id="pill-seo" data-toggle="pill" href="#vertical-seo" aria-expanded="true">
                            <i data-feather='search' class="font-medium-3 mr-1"></i>
                            <span class="font-weight-bold">SEO</span>
                        </a>
                    </li> --}}

                    <!-- custom script -->
                    <li class="nav-item">
                        <a class="nav-link " id="pill-custom-script" data-toggle="pill" href="#vertical-custom-script" aria-expanded="true">
                            <i data-feather='edit-3' class="font-medium-3 mr-1"></i>
                            <span class="font-weight-bold">Custom Script</span>
                        </a>
                    </li>

                </ul>
            </div>
            <!--/ left menu section -->

            <!-- right content section -->
            <div class="col-md-9">
                <div class="card">
                    <div class="card-body">
                        <div class="tab-content">

                            <!-- general tab -->
                            <div class="tab-pane active" id="vertical-general" role="tabpanel" 
                                aria-labelledby="pill-general" aria-expanded="true">

                                <!-- form -->
                                <form method="POST" action="{{ route('dashboard.settings.general.update') }}" enctype="multipart/form-data" class="m-form m-form--fit m-form--label-align-right m-form--group-seperator">
                                    @csrf
                                    @method('PUT')
                                    <div class="row">
                                        <input type="hidden" name="form_type" value="general">

                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="name">Name</label>
                                                <input type="text" class="form-control" name="name" value="{{ $settings->name }}" id="name" placeholder="Name" />
                                            </div>
                                        </div>
                                        {{-- <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="slogan">Slogan</label>
                                                <input type="text" class="form-control" name="slogan" value="{{ $settings->slogan }}" id="slogan" placeholder="Slogan" />
                                            </div>
                                        </div> --}}
                                        
                                        <div class="col-12">
                                            <div class="form-group">
                                                <label for="short-description">Short Description</label>
                                                <textarea class="form-control" name="short_description" id="short-description" rows="4" placeholder="Your short description here...">{{ $settings->short_description }}</textarea>
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="telephone">Telephone</label>
                                                <input type="tel" class="form-control" name="telephone" value="{{ $settings->telephone }}" id="telephone" placeholder="Telephone number" />
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="mobile">mobile</label>
                                                <input type="tel" class="form-control" name="mobile" value="{{ $settings->mobile }}" id="mobile" placeholder="Mobile number" />
                                            </div>
                                        </div>
                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="email">E-mail</label>
                                                <input type="email" class="form-control" name="email" value="{{ $settings->email }}" id="email" placeholder="E-mail" />
                                            </div>
                                        </div>

                                        <div class="col-12 mb-2">
                                            <div class="border rounded p-2">
                                                <h4 class="mb-1">Light Logo</h4>
                                                <div class="media flex-column flex-md-row">
                                                    <img src="{{ image_or_placeholder($settings->light_logo_full_path) }}" id="light-logo-feature-image" class="rounded mr-2 mb-1 mb-md-0" width="170" height="110" alt="light logo Featured Image" />
                                                    <div class="media-body">
                                                        <p class="my-50">
                                                            <a href="javascript:void(0);" id="light-logo-image-text">{{ $settings->light_logo_full_path }}</a>
                                                        </p>
                                                        <div class="d-inline-block">
                                                            <div class="form-group mb-0">
                                                                <div class="custom-file">
                                                                    <input type="file" name="light_logo" class="custom-file-input" id="lightLogoCustomFile" accept="image/*" />
                                                                    <label class="custom-file-label" for="lightLogoCustomFile">Choose file</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        {{-- <div class="col-12 mb-2">
                                            <div class="border rounded p-2">
                                                <h4 class="mb-1">Dark Logo</h4>
                                                <div class="media flex-column flex-md-row">
                                                    <img src="{{ image_or_placeholder($settings->dark_logo_full_path) }}" id="dark-logo-feature-image" class="rounded mr-2 mb-1 mb-md-0" width="170" height="110" alt="dark logo Featured Image" />
                                                    <div class="media-body">
                                                        <p class="my-50">
                                                            <a href="javascript:void(0);" id="dark-logo-image-text">{{ $settings->dark_logo_full_path }}</a>
                                                        </p>
                                                        <div class="d-inline-block">
                                                            <div class="form-group mb-0">
                                                                <div class="custom-file">
                                                                    <input type="file" name="dark_logo" class="custom-file-input" id="darkLogoCustomFile" accept="image/*" />
                                                                    <label class="custom-file-label" for="darkLogoCustomFile">Choose file</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div> --}}

                                        <div class="col-12 mb-2">
                                            <div class="border rounded p-2">
                                                <h4 class="mb-1">Favicon</h4>
                                                <div class="media flex-column flex-md-row">
                                                    <img src="{{ image_or_placeholder($settings->favicon_full_path) }}" id="favicon-feature-image" class="rounded mr-2 mb-1 mb-md-0" width="170" height="110" alt="light logo Featured Image" />
                                                    <div class="media-body">
                                                        <p class="my-50">
                                                            <a href="javascript:void(0);" id="favicon-image-text">{{ $settings->favicon_full_path }}</a>
                                                        </p>
                                                        <div class="d-inline-block">
                                                            <div class="form-group mb-0">
                                                                <div class="custom-file">
                                                                    <input type="file" name="favicon" class="custom-file-input" id="faviconCustomFile" accept="image/*" />
                                                                    <label class="custom-file-label" for="faviconCustomFile">Choose file</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-12 mb-2">
                                            <div class="border rounded p-2">
                                                <h4 class="mb-1">Dashboard Logo</h4>
                                                <div class="media flex-column flex-md-row">
                                                    <img src="{{ image_or_placeholder($settings->dashboard_logo_full_path) }}" id="dashboard-logo-feature-image" class="rounded mr-2 mb-1 mb-md-0" width="170" height="110" alt="dashboard logo Featured Image" />
                                                    <div class="media-body">
                                                        <p class="my-50">
                                                            <a href="javascript:void(0);" id="dashboard-logo-image-text">{{ $settings->dashboard_logo_full_path }}</a>
                                                        </p>
                                                        <div class="d-inline-block">
                                                            <div class="form-group mb-0">
                                                                <div class="custom-file">
                                                                    <input type="file" name="dashboard_logo" class="custom-file-input" id="dashboardLogoCustomFile" accept="image/*" />
                                                                    <label class="custom-file-label" for="dashboardLogoCustomFile">Choose file</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        

                                        <div class="col-12">
                                            <button type="submit" class="btn btn-primary mt-2 mr-1">Save changes</button>
                                            <button type="reset" class="btn btn-outline-secondary mt-2">Cancel</button>
                                        </div>
                                    </div>
                                </form>
                                <!--/ form -->
                            </div>
                            <!--/ general tab -->

                            <!-- Address -->
                            <div class="tab-pane fade " id="vertical-address" role="tabpanel"
                                aria-labelledby="pill-address" aria-expanded="false">
                                <!-- form -->
                                <form method="POST" action="{{ route('dashboard.settings.address.update') }}" enctype="multipart/form-data" class="m-form m-form--fit m-form--label-align-right m-form--group-seperator">
                                    @csrf
                                    @method('PUT')
                                    <input type="hidden" name="form_type" value="address">

                                    <div class="row">
                                       
                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="country">Country</label>
                                                <input type="text" class="form-control" name="country" value="{{ $settings->country }}" id="country" placeholder="Country" />
                                            </div>
                                        </div>

                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="city">City</label>
                                                <input type="text" class="form-control" name="city" value="{{ $settings->city }}" id="city" placeholder="city" />
                                            </div>
                                        </div>

                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="address">Address</label>
                                                <input type="text" class="form-control" name="address" value="{{ $settings->address }}" id="address" placeholder="Address" />
                                            </div>
                                        </div>

                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="postal_code">Postal Code</label>
                                                <input type="text" class="form-control" name="postal_code" value="{{ $settings->postal_code }}" id="postal_code" placeholder="Postal Code" />
                                            </div>
                                        </div>

                                        
                                        <div class="col-12">
                                            <button type="submit" class="btn btn-primary mt-1 mr-1">Save changes</button>
                                            <button type="reset" class="btn btn-outline-secondary mt-1">Cancel</button>
                                        </div>
                                    </div>
                                </form>
                                <!--/ form -->
                            </div>
                            <!--/ Address -->

                            <!-- social -->
                            <div class="tab-pane fade " id="vertical-social" role="tabpanel"
                                aria-labelledby="pill-social" aria-expanded="false">
                                <!-- form -->
                                <form method="POST" action="{{ route('dashboard.settings.social-links.update') }}" enctype="multipart/form-data" class="m-form m-form--fit m-form--label-align-right m-form--group-seperator">
                                    @csrf
                                    @method('PUT')
                                    <input type="hidden" name="form_type" value="social-links">

                                    <div class="row">
                                        <!-- social header -->
                                        <div class="col-12">
                                            <div class="d-flex align-items-center mb-2">
                                                <i data-feather="link" class="font-medium-3"></i>
                                                <h4 class="mb-0 ml-75">Social Links</h4>
                                            </div>
                                        </div>

                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="linkedin">Linked In</label>
                                                <input type="text" name="linkedin" value="{{ $settings->linkedin }}" id="linkedin" class="form-control" placeholder="Add link" />
                                            </div>
                                        </div>

                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="github">Github</label>
                                                <input type="text" name="github" value="{{ $settings->github }}" id="github" class="form-control" placeholder="Add link" />
                                            </div>
                                        </div>

                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="twitter">Twitter</label>
                                                <input type="text" name="twitter" value="{{ $settings->twitter }}" id="twitter" class="form-control" placeholder="Add link" />
                                            </div>
                                        </div>

                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="facebook">Facebook</label>
                                                <input type="text" name="facebook" value="{{ $settings->facebook }}" id="facebook" class="form-control" placeholder="Add link" />
                                            </div>
                                        </div>

                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="instagram">Instagram</label>
                                                <input type="text" name="instagram" value="{{ $settings->instagram }}" id="instagram" class="form-control" placeholder="Add link" />
                                            </div>
                                        </div>

                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="telegram">Telegram</label>
                                                <input type="text" name="telegram" value="{{ $settings->telegram }}" id="telegram" class="form-control" placeholder="Add link" />
                                            </div>
                                        </div>

                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="snapchat">Snapchat</label>
                                                <input type="text" name="snapchat" value="{{ $settings->snapchat }}" id="snapchat" class="form-control" placeholder="Add link" />
                                            </div>
                                        </div>

                                        <div class="col-12 col-sm-6">
                                            <div class="form-group">
                                                <label for="tiktok">Tiktok</label>
                                                <input type="text" name="tiktok" value="{{ $settings->tiktok }}" id="tiktok" class="form-control" placeholder="Add link" />
                                            </div>
                                        </div>

                                       
                                       
                                        <div class="col-12">
                                            <!-- submit and cancel button -->
                                            <button type="submit" class="btn btn-primary mr-1 mt-1">Save changes</button>
                                            <button type="reset" class="btn btn-outline-secondary mt-1">Cancel</button>
                                        </div>
                                    </div>
                                </form>
                                <!--/ form -->
                            </div>
                            <!--/ social -->

                            <!-- seo tab -->
                            {{-- <div class="tab-pane fade " id="vertical-seo"  role="tabpanel"
                                aria-labelledby="pill-seo" aria-expanded="true">

                                <!-- form -->
                                <form method="POST" action="{{ route('dashboard.settings.seo.update') }}" enctype="multipart/form-data" class="m-form m-form--fit m-form--label-align-right m-form--group-seperator">
                                    @csrf
                                    @method('PUT')
                                    <input type="hidden" name="form_type" value="seo">

                                    <div class="row">

                                        
                                        <div class="col-12">
                                            <div class="form-group">
                                                <label for="meta-description">Meta Description</label>
                                                <textarea class="form-control" name="meta_description" id="meta-description" rows="4" placeholder="Your Meta Description here...">{{ $settings->meta_description }}</textarea>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <div class="form-group">
                                                <label for="meta-keywords">Meta Keywords</label>
                                                <textarea class="form-control" name="meta_keywords" id="meta-keywords" rows="4" placeholder="Your Meta Keywords here...">{{ $settings->meta_keywords }}</textarea>
                                            </div>
                                        </div>

                                        <div class="col-12 mb-2">
                                            <div class="border rounded p-2">
                                                <h4 class="mb-1">Meta Image</h4>
                                                <div class="media flex-column flex-md-row">
                                                    <img src="{{ image_or_placeholder($settings->meta_image_full_path) }}" id="meta-image-feature-image" class="rounded mr-2 mb-1 mb-md-0" width="170" height="110" alt="meta image Featured Image" />
                                                    <div class="media-body">
                                                        <small class="text-muted">Required image resolution 800x400, image size 10mb.</small>
                                                        <p class="my-50">
                                                            <a href="javascript:void(0);" id="meta-image-image-text">{{ $settings->meta_image_full_path }}</a>
                                                        </p>
                                                        <div class="d-inline-block">
                                                            <div class="form-group mb-0">
                                                                <div class="custom-file">
                                                                    <input type="file" name="meta_image" class="custom-file-input" id="metaImageCustomFile" accept="image/*" />
                                                                    <label class="custom-file-label" for="metaImageCustomFile">Choose file</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                       

                                        <div class="col-12">
                                            <button type="submit" class="btn btn-primary mt-2 mr-1">Save changes</button>
                                            <button type="reset" class="btn btn-outline-secondary mt-2">Cancel</button>
                                        </div>
                                    </div>
                                </form>
                                <!--/ form -->
                            </div> --}}
                            <!--/ seo tab -->


                            <!-- custom script tab -->
                            <div class="tab-pane" id="vertical-custom-script" role="tabpanel" 
                                aria-labelledby="pill-custom-script" aria-expanded="true">

                                <!-- form -->
                                <form method="POST" action="{{ route('dashboard.settings.custom-script.update') }}" enctype="multipart/form-data" class="m-form m-form--fit m-form--label-align-right m-form--group-seperator">
                                    @csrf
                                    @method('PUT')
                                    <div class="row">
                                        <input type="hidden" name="form_type" value="coin">

                                        <div class="col-12">
                                            <div class="form-group">
                                                <label for="custom-script">Custom script</label>
                                                <textarea name="custom_script" class="form-control" id="custom-script" rows="9">{{ $settings->custom_script }}</textarea>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <button type="submit" class="btn btn-primary mt-2 mr-1">Save changes</button>
                                            <button type="reset" class="btn btn-outline-secondary mt-2">Cancel</button>
                                        </div>
                                    </div>
                                </form>
                                <!--/ form -->
                            </div>
                            <!--/ custom script tab -->
                        </div>
                    </div>
                </div>
            </div>
            <!--/ right content section -->
        </div>
    </section>
    <!-- / account setting page -->

</div>


@endsection

@push('page_scripts_vendors')
    <script src="{{ asset('assets/dashboard') }}/app-assets/vendors/js/forms/select/select2.full.min.js"></script>
    <script src="{{ asset('assets/dashboard') }}/app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
    <script src="{{ asset('assets/dashboard') }}/app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
    <script src="{{ asset('assets/dashboard') }}/app-assets/vendors/js/editors/quill/quill.min.js"></script>

@endpush

@push('page_scripts')
    <script src="{{ asset('assets/dashboard') }}/app-assets/js/scripts/pages/page-general-settings.js"></script>
    <script src="{{ asset('assets/dashboard') }}/app-assets/js/scripts/pages/page-settings.min.js"></script>
@endpush