@extends('admin.layout.app')

@section('content')
    <div class="content-inner container-fluid pb-0" id="page_layout">
        <div>
            <div class="row">
                <form action="{{ route('setting.update') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="col-xl-12 col-lg-8">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between">
                                <div class="header-title">
                                    <h4 class="card-title">Branding</h4>
                                </div>
                            </div>
                            <div class="card-body">

                                <div class="form-group text-center">
                                    <label class="form-label fw-bold">Main Logo</label>
                                    <div class="profile-img-edit position-relative">
                                        <img
                                            src="{{ $setting && $setting->getFirstMediaUrl('main_logo') ? $setting->getFirstMediaUrl('main_logo') : asset('assets/logo.png') }}"
                                            alt="main-logo"
                                            class="theme-color-default-img profile-pic rounded avatar-100 object-cover"
                                            loading="lazy">
                                        <div class="bg-primary">
                                            <svg class="upload-button icon-14" width="14" height="14"
                                                 viewBox="0 0 24 24">
                                                <path fill="#ffffff"
                                                      d="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z"/>
                                            </svg>
                                            <input class="file-upload" type="file" name="main_logo" accept="image/*">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group text-center">
                                    <label class="form-label fw-bold">Favicon</label>
                                    <div class="profile-img-edit position-relative">
                                        <img
                                            src="{{ $setting && $setting->getFirstMediaUrl('favicon') ? $setting->getFirstMediaUrl('favicon') : asset('assets/icon.png') }}"
                                            alt="favicon"
                                            class="theme-color-default-img profile-pic rounded avatar-100 object-cover"
                                            loading="lazy">
                                        <div class="bg-primary">
                                            <svg class="upload-button icon-14" width="14" height="14"
                                                 viewBox="0 0 24 24">
                                                <path fill="#ffffff"
                                                      d="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z"/>
                                            </svg>
                                            <input class="file-upload" type="file" name="favicon" accept="image/*">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group text-center">
                                    <label class="form-label fw-bold">Loader Logo</label>
                                    <div class="profile-img-edit position-relative">
                                        <img
                                            src="{{ $setting && $setting->getFirstMediaUrl('loader_logo') ? $setting->getFirstMediaUrl('loader_logo') : asset('assets/loader.gif') }}"
                                            alt="loader-logo"
                                            class="theme-color-default-img profile-pic rounded avatar-100 object-cover"
                                            loading="lazy">
                                        <div class="bg-primary">
                                            <svg class="upload-button icon-14" width="14" height="14"
                                                 viewBox="0 0 24 24">
                                                <path fill="#ffffff"
                                                      d="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z"/>
                                            </svg>
                                            <input class="file-upload" type="file" name="loader_logo" accept="image/*">
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-xl-12 col-lg-8">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between">
                                <div class="header-title">
                                    <h4 class="card-title">General Settings</h4>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="new-user-info">
                                    @if(session('success'))
                                        <div class="alert alert-success" role="alert">
                                            {{ session('success') }}
                                        </div>
                                    @endif
                                    @if(session('error'))
                                        <div class="alert alert-danger" role="alert">
                                            {{ session('error') }}
                                        </div>
                                    @endif
                                    @if ($errors->any())
                                        <div class="alert alert-danger">
                                            <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif

                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="site_name">Site Name:</label>
                                            <input type="text" class="form-control" id="site_name" name="site_name"
                                                   value="{{ old('site_name', $setting->site_name ?? '') }}"
                                                   placeholder="Site Name">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="meta_title">Meta Title:</label>
                                            <input type="text" class="form-control" id="meta_title" name="meta_title"
                                                   value="{{ old('meta_title', $setting->meta_title ?? '') }}"
                                                   placeholder="Meta Title">
                                        </div>
                                        <div class="form-group col-md-12">
                                            <label class="form-label" for="meta_description">Meta Description:</label>
                                            <textarea class="form-control" id="meta_description" name="meta_description"
                                                      placeholder="Meta Description"
                                                      rows="3">{{ old('meta_description', $setting->meta_description ?? '') }}</textarea>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="administrator_name">Administrator
                                                Name:</label>
                                            <input type="text" class="form-control" id="administrator_name"
                                                   name="administrator_name"
                                                   value="{{ old('administrator_name', $setting->administrator_name ?? '') }}"
                                                   placeholder="Administrator Name">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="support_email">Support Email:</label>
                                            <input type="email" class="form-control" id="support_email"
                                                   name="support_email"
                                                   value="{{ old('support_email', $setting->support_email ?? '') }}"
                                                   placeholder="Support Email">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="facebook_url">Facebook Url:</label>
                                            <input type="url" class="form-control" id="facebook_url" name="facebook_url"
                                                   value="{{ old('facebook_url', $setting->facebook_url ?? '') }}"
                                                   placeholder="Facebook Url">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="twitter_url">Twitter Url:</label>
                                            <input type="url" class="form-control" id="twitter_url" name="twitter_url"
                                                   value="{{ old('twitter_url', $setting->twitter_url ?? '') }}"
                                                   placeholder="Twitter Url">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="instagram_url">Instagram Url:</label>
                                            <input type="url" class="form-control" id="instagram_url"
                                                   name="instagram_url"
                                                   value="{{ old('instagram_url', $setting->instagram_url ?? '') }}"
                                                   placeholder="Instagram Url">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label" for="linkedin_url">Linkedin Url:</label>
                                            <input type="url" class="form-control" id="linkedin_url" name="linkedin_url"
                                                   value="{{ old('linkedin_url', $setting->linkedin_url ?? '') }}"
                                                   placeholder="Linkedin Url">
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-primary">Update Settings</button>

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

                </form>
            </div>
        </div>
    </div>
@endsection