@extends('admin.layouts.master')

@section('content')
    <div class="page-wrapper page-settings">
        <div class="content">
            <div class="content-page-header content-page-headersplit">
                <h5>Settings</h5>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body flex-column-blk">

                            <div class="tab-sets">
                                <div class="tab-contents-sets">
                                    <ul class="nav">
                                        <li>
                                            <a href="{{route('admin.settings')}}">Email</a>
                                        </li>
                                        <li>
                                            <a  href="{{route('admin.paymentpage')}}">Payment</a>
                                        </li>
                                        <li>
                                            <a class="active" href="{{route('admin.generalpage')}}">General</a>
                                        </li>
                                        <li>
                                            <a href="{{route('admin.featuredpage')}}">Featured Ads</a>
                                        </li>
                                        <li>
                                            <a  href="{{route('admin.promopage')}}">Promotional Ads</a>
                                        </li>
                                        <li>
                                            <a  href="{{route('admin.cmspage')}}">CMS Settings</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-12">
                                    <div class="tab-content p-0">

                                       

                                        <div class="tab-pane p-0 container active" id="general">
                                            <div class="card-wrapper">
                                                <div class="card-border">
                                                    <div class="header-blk">
                                                        <div class="blk-start">
                                                            <img src="{{ asset('admin/assets/img/settings-email-icon.svg') }}" alt="">
                                                            <div>
                                                                <h4>General Settings</h4>
                                                                <p>Common setting for site improvements.</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="body-blk">                                                      
                                                        <div class="row">
                                                            <div class="col-lg-6 col-12">
                                                                <div class="form-set">
                                                                    <label>Title</label>
                                                                    <input class="form-control" id="title" name="title" type="text"
                                                                        @if (isset($settings->site_title)) ? value="{{ $settings->site_title }}" : value="{{ old('title') }}" @endif
                                                                        placeholder="Enter your title here...">
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6 col-12">
                                                                <div class="form-set">
                                                                    <label>Common Address Settings</label>
                                                                    <input class="form-control" id="address" name="address" type="text"
                                                                        @if (isset($settings->common_address)) ? value="{{ $settings->common_address }}" : value="{{ old('address') }}" @endif
                                                                        placeholder="Content goes here...">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">                                                            
                                                            <div class="col-lg-6 col-12">
                                                                <div class="form-set">
                                                                    <label>Favicon</label>
                                                                    <div class="form-uploads mb-4">
                                                                        <div class="form-uploads-path favicon_img">
                                                                            <img id="favifile-preview"
                                                                                src="@if (!empty($settings->site_favicon)) {{ asset('storage/' . $settings->site_favicon) }} @else {{ asset('admin/assets/img/icons/upload.svg') }} @endif"
                                                                                alt="img" width="20%">
                                                                            <div class="file-browse">
                                                                                <h6>Upload Image</h6>
                                                                                <div class="file-browse-path">
                                                                                    <input id="favifile-input" name="favicon" type="file" accept="image/*">
                                                                                    <a href="javascript:void(0);"> Browse</a>
                                                                                </div>
                                                                            </div>
                                                                            <h5>Supported formats: JPEG, JPG, PNG</h5>
                                                                            <h5>Max size: 2MB</h5>
                                                                            <h5>Image Dimensions: Min 32px X 32px</h5>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6 col-12">
                                                                <div class="form-set">
                                                                    <label>Home Banner</label>
                                                                    <div class="form-uploads mb-4">
                                                                        <div class="form-uploads-path banner_img">
                                                                            <img id="bannerfile-preview"
                                                                                src="@if (!empty($settings->home_banner)) {{ asset('storage/' . $settings->home_banner) }} @else {{ asset('admin/assets/img/icons/upload.svg') }} @endif"
                                                                                alt="img" width="20%">
                                                                            <div class="file-browse">
                                                                                <h6>Upload Image</h6>
                                                                                <div class="file-browse-path">
                                                                                    <input id="home-banner-input" name="home_banner" type="file" accept="image/*">
                                                                                    <a href="javascript:void(0);"> Browse</a>
                                                                                </div>
                                                                            </div>
                                                                            <h5>Supported formats: JPEG, JPG, PNG</h5>
                                                                            <h5>Max size: 2MB</h5>
                                                                            <h5>Image Dimensions: Min 1920px X 1080px</h5>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6 col-12">
                                                                <div class="form-set">
                                                                    <label>Site Logo</label>
                                                                    <div class="form-uploads mb-4">
                                                                        <div class="form-uploads-path logo_img">
                                                                            <img id="sitefile-preview"
                                                                                src="@if (!empty($settings->site_logo)) {{ asset('storage/' . $settings->site_logo) }} @else {{ asset('admin/assets/img/icons/upload.svg') }} @endif"
                                                                                alt="" width="20%">
                                                                            <div class="file-browse">
                                                                                <h6>Upload Image</h6>
                                                                                <div class="file-browse-path">
                                                                                    <input id="sitefile-input" name="logo" type="file" accept="image/*">
                                                                                    <a href="javascript:void(0);"> Browse</a>
                                                                                </div>
                                                                            </div>
                                                                            <h5>Supported formats: JPEG, JPG, PNG</h5>
                                                                            <h5>Max size: 2MB</h5>
                                                                            <h5>Image Dimensions: Min 1392px X 392px</h5>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-lg-12">
                                                                <div class="btn-path justify-content-start">
                                                                    <button class="btn btn-submit" id="addgeneral" type="submit">save changes</button>
                                                                </div>
                                                            </div>
                                                        </div>                                                      
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

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

@endsection