@extends('layouts.simple.master')

@section('title', 'Settings')

@section('css')

@endsection

@section('style')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
@endsection

@section('breadcrumb-title')
    <h3>Settings</h3>
@endsection

@section('breadcrumb-items')
    <li class="breadcrumb-item">Dashboard</li>
    <li class="breadcrumb-item active">Settings</li>
@endsection

@section('content')
<div class="container-fluid">
    @include('layouts.alerts')

	<div class="row widget-grid">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body">
                    <form class="needs-validation" novalidate="" method="POST" autocomplete="false" action="{{route('admin.settings.site.update')}}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                        <h5>SITE SETTINGS</h5>
                        <div class="col-12">
                            <div class="mb-3 row">
                                <label class="col-sm-3 col-form-label" for="adminName">Site Name</label>
                                <div class="col-sm-9">
                                    <div class="row">
                                        <div class="col-12 mt-2">
                                            <input class="form-control" id="adminName" type="text" value="{{old('name')??$siteDetails->title}}" name="name" required="">
                                            @if($errors->has('name'))
                                                <span class="text-danger">{{ $errors->first('name') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label class="col-sm-3 col-form-label" for="supportNumber">Contact Number</label>
                                <div class="col-sm-9">
                                    <div class="row">
                                        <div class="col-12 mt-2">
                                            <input class="form-control" id="supportNumber" value="{{old('mobile')??$siteDetails->mobile}}" type="text" name="mobile">
                                            @if($errors->has('mobile'))
                                                <span class="text-danger">{{ $errors->first('mobile') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label class="col-sm-3 col-form-label" for="adminEmail">Contact Email</label>
                                <div class="col-sm-9">
                                    <div class="row">
                                        <div class="col-12 mt-2">
                                            <input class="form-control" id="adminEmail" value="{{old('email')??$siteDetails->email}}" type="email" name="email">
                                            @if($errors->has('email'))
                                                <span class="text-danger">{{ $errors->first('email') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label class="col-sm-3 col-form-label" for="siteLogo">Site Logo</label>
                                <div class="col-sm-9">
                                    <div class="row">
                                        <div class="col-12 mt-2">
                                        <input class="form-control" id="siteLogo" type="file" accept=".png, .jpg, .jpeg, .svg" name="logo" {{(!empty($siteDetails->logo) && Storage::exists($siteDetails->logo))?:'required' }}  />
                                            @if($errors->has('logo'))
                                                <span class="text-danger">{{ $errors->first('logo') }}</span>
                                            @endif

                                            @if(!empty($siteDetails->logo) && Storage::exists($siteDetails->logo))
                                                <div class="col-md-12 mt-2">
                                                    <div class="p-1">
                                                        <a href="{{asset(Storage::url($siteDetails->logo))}}" target="_blank">
                                                            <img src="{{asset(Storage::url($siteDetails->logo))}}" style="background: black;padding: 0.5rem;width: 100%;max-width: 150px;object-fit: contain;object-position: left;"/>
                                                        </a>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-3 row">
                                <label class="col-sm-3 col-form-label" for="siteFavIcon">Site Fav Icon</label>
                                <div class="col-sm-9">
                                    <div class="row">
                                        <div class="col-12 mt-2">
                                            <input class="form-control" id="siteFavIcon" type="file" name="fav_icon" accept=".jpg,.png,.jpeg,.svg" {{(!empty($siteDetails->fav_icon) && Storage::exists($siteDetails->fav_icon))?:'required' }} />
                                            @if($errors->has('fav_icon'))
                                                <span class="text-danger">{{ $errors->first('fav_icon') }}</span>
                                            @endif

                                            @if(!empty($siteDetails->fav_icon) && Storage::exists($siteDetails->fav_icon))
                                                <div class="col-md-12 mt-2">
                                                    <div class="p-1">
                                                        <a href="{{asset(Storage::url($siteDetails->fav_icon))}}" target="_blank" class="small">
                                                            <img src="{{asset(Storage::url($siteDetails->fav_icon))}}" style="background: black;padding: 0.5rem;width: 100%;max-width: 150px;object-fit: contain;object-position: left;"/>
                                                        </a>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label class="col-sm-3 col-form-label" for="soldOutImage">SoldOut Image</label>
                                <div class="col-sm-9">
                                    <div class="row">
                                        <div class="col-12 mt-2">
                                            <input class="form-control" id="soldOutImage" type="file" name="sold_out_image" accept=".jpg,.png,.jpeg,.svg" {{(!empty($soldOutImage->image) && Storage::exists($soldOutImage->image))?:'required' }} />
                                            @if($errors->has('sold_out_image'))
                                                <span class="text-danger">{{ $errors->first('sold_out_image') }}</span>
                                            @endif
                                            @if(!empty($soldOutImage->image) && Storage::exists($soldOutImage->image))
                                                <div class="col-md-12 mt-2">
                                                    <div class="p-1">
                                                        <a href="{{asset(Storage::url($soldOutImage->image))}}" target="_blank" class="small">
                                                            <img src="{{asset(Storage::url($soldOutImage->image))}}" style="background: black;padding: 0.5rem;width: 100%;max-width: 150px;object-fit: contain;object-position: left;"/>
                                                        </a>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label class="col-sm-3 col-form-label" for="copyRightBy">Copyright By</label>
                                <div class="col-sm-9">
                                    <div class="row">
                                        <div class="col-12 mt-2">
                                            <input class="form-control" id="copyRightBy" type="text" value="{{old('copy_rights')??$siteDetails->copyrights}}" name="copy_rights" required="" />
                                            @if($errors->has('copy_rights'))
                                                <span class="text-danger">{{ $errors->first('copy_rights') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row g-3 mb-3">
                            <h5 class="mt-5 text-uppercase">Social Media</h5>
                            <div class="col-12">
                                <div class="mb-3 row">
									<label class="col-sm-3 col-form-label">Youtube</label>
									<div class="col-sm-9">
										<div class="row">
                                            <div class="col-12 mt-2">
                                                <input class="form-control" type="url" placeholder="Youtube Channel link" name="socialmedia[youtube]" value="{{$youtube->url ?? null}}" />
                                            </div>
                                        </div>
									</div>
								</div>

                                <div class="mb-3 row">
									<label class="col-sm-3 col-form-label">Instagram</label>
									<div class="col-sm-9">
										<div class="row">
                                            <div class="col-12 mt-2">
                                                <input class="form-control" type="url" placeholder="Instagram link" name="socialmedia[instagram]" value="{{$instagram->url ?? null}}" />
                                            </div>
                                        </div>
									</div>
								</div>

                                <div class="mb-3 row">
									<label class="col-sm-3 col-form-label">Facebook</label>
									<div class="col-sm-9">
										<div class="row">
                                            <div class="col-12 mt-2">
                                                <input class="form-control" type="url" placeholder="Facebook link" name="socialmedia[facebook]" value="{{$facebook->url ?? null}}" />
                                            </div>
                                        </div>
									</div>
								</div>

                                {{-- <div class="mb-3 row">
									<label class="col-sm-3 col-form-label">Linked In</label>
									<div class="col-sm-9">
										<div class="row">
                                            <div class="col-12 mt-2">
                                                <input class="form-control" type="url" placeholder="LinkedIn link" name="socialmedia[linkedIn]" value="{{$socialMediaDetails[3]->url ?? null}}"/>
                                            </div>
                                        </div>
									</div>
								</div> --}}

                                <div class="mb-3 row">
									<label class="col-sm-3 col-form-label">Twitter</label>
									<div class="col-sm-9">
										<div class="row">
                                            <div class="col-12 mt-2">
                                                <input class="form-control" type="url" placeholder="Twitter link" value="{{$twitter->url ?? null}}" name="socialmedia[twitter]" />
                                            </div>
                                        </div>
									</div>
								</div>

                                <div class="mb-3 row">
                                    <label class="col-sm-3 col-form-label">Tiktok</label>
                                    <div class="col-sm-9">
                                        <div class="row">
                                            <div class="col-12 mt-2">
                                                <input class="form-control" value="{{$tiktok->url ?? null}}" type="url" placeholder="Tiktok link" name="socialmedia[tiktok]" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <button class="btn btn-primary custom_btn_black pull-right" type="submit">Update Settings</button>
                    </form>
                </div>
            </div>
        </div>
	</div>
  </div>
    <script type="text/javascript">
        var session_layout = '{{ session()->get('layout') }}';
    </script>
@endsection

@section('script')
    <script src="{{ asset('assets/js/form-validation-custom.js') }}"></script>
@endsection