@extends('admin.layout.app')
@section('content')
    <main class="nxl-container">
        <div class="nxl-content">

            <div class="main-content">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card border-top-0">

                            <div class="tab-content">
                                <div class="tab-pane fade show active" role="tabpanel">
                                    <form action="{{route('admin.setting')}}" method="post"
                                          enctype="multipart/form-data">
                                        @csrf
                                        <div class="card-body personal-info">
                                            <div class="mb-4 d-flex align-items-center justify-content-between">
                                                <h5 class="fw-bold mb-0 me-4">
                                                    <span class="d-block mb-2">Site Information:</span>
                                                    <span class="fs-12 fw-normal text-muted text-truncate-1-line">Following information is publicly displayed, be careful! </span>
                                                </h5>
                                                <button type="submit" class="btn btn-sm btn-light-brand">Update</button>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="col-md-6">
                                                        <label for="fullnameInput" class="fw-semibold">Logo: </label>
                                                        <div class="input-group">
                                                            <input type="file" class="form-control" name="logo">
                                                        </div>

                                                        <img
                                                            src="{{ !empty($setting->logo) ? asset('uploads/settings/'.$setting->logo) : '' }}"
                                                            alt="Site Logo" height="200" class="mb-2">

                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <label for="fullnameInput" class="fw-semibold">Fav Icon: </label>
                                                    <div class="input-group">
                                                        <input type="file" class="form-control" name="fav">
                                                    </div>
                                                    <img
                                                        src="{{ !empty($setting->fav) ? asset('uploads/settings/'.$setting->fav) : '' }}"
                                                        alt="Site Logo" height="110" class="mb-2">

                                                </div>
                                            </div>
                                            <br>
                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="fullnameInput" class="fw-semibold">Site Name: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"><i class="feather-user"></i></div>
                                                        <input type="text" class="form-control" id="fullnameInput"
                                                               placeholder="Site Name" name="title"
                                                               value="{{ old('title', $setting->title ?? '') }}">
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="mailInput" class="fw-semibold">Email: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"><i class="feather-mail"></i></div>
                                                        <input type="text" class="form-control"
                                                               placeholder="Email" name="email"
                                                               value="{{ old('email', $setting->email ?? '') }}">
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="phoneInput" class="fw-semibold">Phone: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"><i class="feather-phone"></i>
                                                        </div>
                                                        <input type="text" class="form-control" id="phoneInput"
                                                               placeholder="Phone" name="phone_number"
                                                               value="{{ old('phone_number', $setting->phone_number ?? '') }}">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="addressInput_2" class="fw-semibold">Address: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"><i class="feather-map-pin"></i>
                                                        </div>
                                                        <textarea class="form-control" id="addressInput_2" cols="30"
                                                                  rows="3" placeholder="Address"
                                                                  name="address">{{ old('address', $setting->address ?? '') }}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="companyInput" class="fw-semibold">Location: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"><i class="feather-compass"></i>
                                                        </div>
                                                        <input type="url" class="form-control" id="companyInput"
                                                               placeholder="Map Url" name="location"
                                                               value="{{ old('location', $setting->location ?? '') }}">
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="aboutInput" class="fw-semibold">Footer Side
                                                        Content: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"><i class="feather-type"></i></div>
                                                        <textarea class="form-control" id="aboutInput" cols="30"
                                                                  rows="5"
                                                                  placeholder="Footer Content"
                                                                  name="footer_side_content">{{ old('footer_side_content', $setting->footer_side_content ?? '') }}</textarea>
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="aboutInput" class="fw-semibold">Copy Right
                                                        Content: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"><i class="feather-type"></i></div>
                                                        <textarea class="form-control" id="aboutInput" cols="30"
                                                                  rows="5"
                                                                  placeholder="Copy Right Content"
                                                                  name="copy_right_content">{{ old('copy_right_content', $setting->copy_right_content ?? '') }}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="websiteInput" class="fw-semibold">Instagram
                                                        link: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"><i class="feather-link"></i></div>
                                                        <input type="text" class="form-control" id="websiteInput"
                                                               placeholder="Instagram Url" name="insta"
                                                               value="{{ old('insta', $setting->insta ?? '') }}">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="websiteInput" class="fw-semibold">Facebook
                                                        link: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"><i class="feather-link"></i></div>
                                                        <input type="text" class="form-control" id="websiteInput"
                                                               placeholder="Facebook Url" name="facebook"
                                                               value="{{ old('facebook', $setting->facebook ?? '') }}">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="websiteInput" class="fw-semibold">skype link: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"><i class="feather-link"></i></div>
                                                        <input type="text" class="form-control" id="websiteInput"
                                                               placeholder="Skype Url" name="skype"
                                                               value="{{ old('skype', $setting->skype ?? '') }}">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-4 align-items-center">
                                                <div class="col-lg-4">
                                                    <label for="websiteInput" class="fw-semibold">linkedin
                                                        link: </label>
                                                </div>
                                                <div class="col-lg-8">
                                                    <div class="input-group">
                                                        <div class="input-group-text"><i class="feather-link"></i></div>
                                                        <input type="text" class="form-control" id="websiteInput"
                                                               placeholder="Linkedin Url" name="linkedin"
                                                               value="{{ old('linkedin', $setting->linkedin ?? '') }}">
                                                    </div>
                                                </div>
                                            </div>


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

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- [ Main Content ] end -->
        </div>

    </main>
@endsection