@extends('admin.layouts.app')
@section('title',Request()->settings->settings_website.' | Settings')
@section('contents')
<div class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="page-header">
                <div class="row align-items-center">
                    <div class="col-sm-4">
                        <h4 class="page-title">Settings</h4>
                    </div>
                    <div class="col-sm-8 text-sm-end">
                        <div class="head-icons">
                            <a href="{{ route('admin.settings') }}" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Refresh"><i class="ti ti-refresh-dot"></i></a>
                            <a href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Collapse" id="collapse-header"><i class="ti ti-chevrons-up"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-12 col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="settings-header">
                                <h4>Website Settings</h4>
                            </div>
                            <div class="settings-form">
                                <form id="settings_form" action="{{ route('admin.settings') }}" method="post" enctype="multipart/form-data">
                                    @csrf
                                    <div class="settings-sub-header">
                                        <h6>Website Information</h6>
                                        <p>Provide the information below</p>
                                    </div>
                                    <div class="profile-address">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Website Name  <span class="text-danger">*</span></label>
                                                    <input type="text" name="settings_website" id="settings_website" class="form-control" value="{{ Request()->settings->settings_website }}" autocomplete="off">
                                                    @if($errors->has('settings_website'))
                                                    <div>{{ $errors->first('settings_website') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Email  <span class="text-danger">*</span></label>
                                                    <input type="text" name="settings_email" id="settings_email" class="form-control" value="{{ Request()->settings->settings_email }}" autocomplete="off">
                                                    @if($errors->has('settings_email'))
                                                    <div>{{ $errors->first('settings_email') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Email 2</label>
                                                    <input type="text" name="settings_email2" id="settings_email2" class="form-control" value="{{ Request()->settings->settings_email2 }}" autocomplete="off">
                                                    @if($errors->has('settings_email2'))
                                                    <div>{{ $errors->first('settings_email2') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Phone <span class="text-danger">*</span></label>
                                                    <input type="text" name="settings_phone" id="settings_phone" class="form-control" value="{{ Request()->settings->settings_phone }}" autocomplete="off">
                                                    @if($errors->has('settings_phone'))
                                                    <div>{{ $errors->first('settings_phone') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Phone 2</label>
                                                    <input type="text" name="settings_phone2" id="settings_phone2" class="form-control" value="{{ Request()->settings->settings_phone2 }}" autocomplete="off">
                                                    @if($errors->has('settings_phone2'))
                                                    <div>{{ $errors->first('settings_phone2') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">News Image</label>
                                                    <div>
                                                        @if(!empty(Request()->settings->settings_nimage))
                                                        <img src="{{ asset(config('constants.admin_path').'uploads/logo/'.Request()->settings->settings_nimage) }}" id="settings_nimage_src" class="img-thumbnail" alt="">
                                                        @else
                                                        <img src="{{ asset(config('constants.admin_path').'img/no_image.jpeg') }}" id="settings_nimage_src" class="img-thumbnail" alt="">
                                                        @endif
                                                    </div>
                                                    <input type="file" name="settings_nimage" id="settings_nimage" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Contact Us Image</label>
                                                    <div>
                                                        @if(!empty(Request()->settings->settings_cimage))
                                                        <img src="{{ asset(config('constants.admin_path').'uploads/logo/'.Request()->settings->settings_cimage) }}" id="settings_cimage_src" class="img-thumbnail" alt="">
                                                        @else
                                                        <img src="{{ asset(config('constants.admin_path').'img/no_image.jpeg') }}" id="settings_cimage_src" class="img-thumbnail" alt="">
                                                        @endif
                                                    </div>
                                                    <input type="file" name="settings_cimage" id="settings_cimage" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Address <span class="text-danger">*</span></label>
                                                    <textarea name="settings_address" id="settings_address" class="form-control">{{ Request()->settings->settings_address }}</textarea>
                                                    @if($errors->has('settings_address'))
                                                    <div>{{ $errors->first('settings_address') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="profile-address pt-3">
                                        <div class="settings-sub-header">
                                            <h6>Social Networks</h6>
                                            <p>Please enter the social networks details</p>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Facebook</label>
                                                    <input type="text" name="settings_facebook" id="settings_facebook" class="form-control" value="{{ Request()->settings->settings_facebook }}" autocomplete="off">
                                                    @if($errors->has('settings_facebook'))
                                                    <div>{{ $errors->first('settings_facebook') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Twitter</label>
                                                    <input type="text" name="settings_twitter" id="settings_twitter" class="form-control" value="{{ Request()->settings->settings_twitter }}" autocomplete="off">
                                                    @if($errors->has('settings_twitter'))
                                                    <div>{{ $errors->first('settings_twitter') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Instagram</label>
                                                    <input type="text" name="settings_instagram" id="settings_instagram" class="form-control" value="{{ Request()->settings->settings_instagram }}" autocomplete="off">
                                                    @if($errors->has('settings_instagram'))
                                                    <div>{{ $errors->first('settings_instagram') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Youtube</label>
                                                    <input type="text" name="settings_youtube" id="settings_youtube" class="form-control" value="{{ Request()->settings->settings_youtube }}" autocomplete="off">
                                                    @if($errors->has('settings_youtube'))
                                                    <div>{{ $errors->first('settings_youtube') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Threads</label>
                                                    <input type="text" name="settings_threads" id="settings_threads" class="form-control" value="{{ Request()->settings->settings_threads }}" autocomplete="off">
                                                    @if($errors->has('settings_threads'))
                                                    <div>{{ $errors->first('settings_threads') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Whatsapp</label>
                                                    <input type="text" name="settings_whatsapp" id="settings_whatsapp" class="form-control" value="{{ Request()->settings->settings_whatsapp }}" autocomplete="off">
                                                    @if($errors->has('settings_whatsapp'))
                                                    <div>{{ $errors->first('settings_whatsapp') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Telegram</label>
                                                    <input type="text" name="settings_telegram" id="settings_telegram" class="form-control" value="{{ Request()->settings->settings_telegram }}" autocomplete="off">
                                                    @if($errors->has('settings_telegram'))
                                                    <div>{{ $errors->first('settings_telegram') }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="profile-address pt-3">
                                        <div class="settings-sub-header">
                                            <h6>Logo</h6>
                                            <p>Provide the logo below</p>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Favicon</label>
                                                    <div>
                                                        @if(!empty(Request()->settings->settings_favicon))
                                                        <img src="{{ asset(config('constants.admin_path').'uploads/logo/'.Request()->settings->settings_favicon) }}" id="settings_favicon_src" class="img-thumbnail" alt="" style="height: 88px">
                                                        @else
                                                        <img src="{{ asset(config('constants.admin_path').'img/no_image.jpeg') }}" id="settings_favicon_src" class="img-thumbnail" alt="">
                                                        @endif
                                                    </div>
                                                    <input type="file" name="settings_favicon" id="settings_favicon" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">Logo</label>
                                                    <div>
                                                        @if(!empty(Request()->settings->settings_logo))
                                                        <img src="{{ asset(config('constants.admin_path').'uploads/logo/'.Request()->settings->settings_logo) }}" id="settings_logo_src" class="img-thumbnail" alt="">
                                                        @else
                                                        <img src="{{ asset(config('constants.admin_path').'img/no_image.jpeg') }}" id="settings_logo_src" class="img-thumbnail" alt="">
                                                        @endif
                                                    </div>
                                                    <input type="file" name="settings_logo" id="settings_logo" class="form-control">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-wrap">
                                                    <label class="col-form-label">White Logo</label>
                                                    <div>
                                                        @if(!empty(Request()->settings->settings_wlogo))
                                                        <img src="{{ asset(config('constants.admin_path').'uploads/logo/'.Request()->settings->settings_wlogo) }}" id="settings_wlogo_src" class="img-thumbnail" alt="">
                                                        @else
                                                        <img src="{{ asset(config('constants.admin_path').'img/no_image.jpeg') }}" id="settings_wlogo_src" class="img-thumbnail" alt="">
                                                        @endif
                                                    </div>
                                                    <input type="file" name="settings_wlogo" id="settings_wlogo" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="submit-button">
                                        <button type="submit" name="submit" class="btn btn-primary" value="submit">Save Changes</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('custom_script')
<script>
settings_nimage.onchange = evt => {
  const [file] = settings_nimage.files
  if (file) {
    settings_nimage_src.src = URL.createObjectURL(file)
  }
}

settings_cimage.onchange = evt => {
  const [file] = settings_cimage.files
  if (file) {
    settings_cimage_src.src = URL.createObjectURL(file)
  }
}

settings_logo.onchange = evt => {
  const [file] = settings_logo.files
  if (file) {
    settings_logo_src.src = URL.createObjectURL(file)
  }
}

settings_wlogo.onchange = evt => {
  const [file] = settings_wlogo.files
  if (file) {
    settings_wlogo_src.src = URL.createObjectURL(file)
  }
}

settings_favicon.onchange = evt => {
  const [file] = settings_favicon.files
  if (file) {
    settings_favicon_src.src = URL.createObjectURL(file)
  }
}
</script>
@endsection