@extends('layouts.simple.master')

@section('title', 'Site Settings')

@section('css')

@endsection

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

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

@section('breadcrumb-items')
    <li class="breadcrumb-item">Dashboard</li>
    <li class="breadcrumb-item active">Site 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.save') }}" enctype="multipart/form-data">
                            @csrf
                            <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" 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" 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" 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" name="logo"
                                                    accept=".jpg,.png,.jpeg, .svg" />
                                                @if ($errors->has('logo'))
                                                    <span class="text-danger">{{ $errors->first('logo') }}</span>
                                                @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" />
                                                @if ($errors->has('fav_icon'))
                                                    <span class="text-danger">{{ $errors->first('fav_icon') }}</span>
                                                @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" />
                                                @if ($errors->has('sold_out_image'))
                                                    <span class="text-danger">{{ $errors->first('sold_out_image') }}</span>
                                                @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"
                                                    name="copy_rights" required="" />
                                                @if ($errors->has('copy_rights'))
                                                    <span class="text-danger">{{ $errors->first('copy_rights') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <h5>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]" />
                                            </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]" />
                                            </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]" />
                                            </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]" />
                                        </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" type="url" placeholder="Tiktok link"
                                                    name="socialmedia[tiktok]" />
                                            </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"
                                                    name="socialmedia[twitter]" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <button class="btn btn-primary custom_btn_black pull-right" type="submit">Save
                                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