@extends('admin.layouts.app')
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h6 class="card-title mb-3">
                        <div class="row">
                            <div class="col-md-4">
                                <h4>{{$page_title}}</h4>
                            </div>
                        </div>
                    </h6>
                </div>
                <div class="card-body">
                    <form id="valid_form" method="POST" action="{{route('admin.web_setup.store')}}" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="logo" class="form-label">Logo</label>
                                <input id="logo" class="form-control" type="file" name="logo" accept="image/*">
                                <input type="hidden" name="type[]" value="logo">
                                <img src="{{ asset('admin/admin/website_setup/' . websiteSetupValue('logo')) }}" class="mt-2" alt="Logo" onerror="this.onerror=null; this.src='{{asset('admin_css/no-pictures.png')}}'" style="object-fit: cover; width:200px;">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="favicon" class="form-label">Favicon</label>
                                <input id="favicon" class="form-control" type="file" name="favicon" accept="image/*">
                                <input type="hidden" name="type[]" value="favicon">
                                <img src="{{ asset('admin/admin/website_setup/' . websiteSetupValue('favicon')) }}" class="mt-2" alt="Favicon" height="50" width="50" onerror="this.onerror=null; this.src='{{asset('admin_css/no-pictures.png')}}'">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label for="contact_number" class="form-label">Contact Number</label>
                                <input id="contact_number" class="form-control" type="number" name="contact_number" placeholder="Enter Contact Number" value="{{websiteSetupValue('contact_number')}}">
                                <input type="hidden" name="type[]" value="contact_number">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label for="whats_app_number" class="form-label">WhatsApp Number</label>
                                <input id="whats_app_number" class="form-control" type="number" name="whats_app_number" placeholder="Enter Contact Number" value="{{websiteSetupValue('whats_app_number')}}">
                                <input type="hidden" name="type[]" value="whats_app_number">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label for="email" class="form-label">Email</label>
                                <input id="email" class="form-control" type="email" name="email" placeholder="Enter Email" value="{{websiteSetupValue('email')}}">
                                <input type="hidden" name="type[]" value="email">
                            </div>
                            <div class="col-md-12 mb-3">
                                <label for="address" class="form-label">Address</label>
                                <textarea name="address" class="form-control" id="address" rows="2" placeholder="Enter Full Address">{{websiteSetupValue('address')}}</textarea>
                                <input type="hidden" name="type[]" value="address">
                            </div>
                            <div class="col-md-12 mb-3">
                                <label for="footer_about" class="form-label">Footer About</label>
                                <textarea name="footer_about" class="form-control" id="footer_about" rows="2" placeholder="Enter About">{{websiteSetupValue('footer_about')}}</textarea>
                                <input type="hidden" name="type[]" value="footer_about">
                            </div>
                            <hr>
                            <div class="col-md-6 mb-3">
                                <div class="input-group flatpickr">
                                    <span class="input-group-text input-group-addon bg-primary" data-toggle><i class="text-white" data-feather="facebook"></i></span>
                                    <input type="text" name="facebook" class="form-control" placeholder="Enter Facebook Link" value="{{websiteSetupValue('facebook')}}" data-input>
                                    <input type="hidden" name="type[]" value="facebook">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="input-group flatpickr">
                                    <span class="input-group-text input-group-addon bg-info" data-toggle><i class="text-white" data-feather="twitter"></i></span>
                                    <input type="text" name="twitter" class="form-control" placeholder="Enter Twitter Link" value="{{websiteSetupValue('twitter')}}" data-input>
                                    <input type="hidden" name="type[]" value="twitter">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="input-group flatpickr">
                                    <span class="input-group-text input-group-addon bg-danger" data-toggle><i class="text-white" data-feather="instagram"></i></span>
                                    <input type="text" name="instagram" class="form-control" placeholder="Enter Instagram Link" value="{{websiteSetupValue('instagram')}}" data-input>
                                    <input type="hidden" name="type[]" value="instagram">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="input-group flatpickr">
                                    <span class="input-group-text input-group-addon bg-danger" data-toggle><i class="text-white" data-feather="youtube"></i></span>
                                    <input type="text" name="youtube" class="form-control" placeholder="Enter Youtube Link" value="{{websiteSetupValue('youtube')}}" data-input>
                                    <input type="hidden" name="type[]" value="youtube">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="input-group flatpickr">
                                    <span class="input-group-text input-group-addon bg-primary" data-toggle><i class="text-white" data-feather="linkedin"></i></span>
                                    <input type="text" name="linkedin" class="form-control" placeholder="Enter Linkedin Link" value="{{websiteSetupValue('linkedin')}}" data-input>
                                    <input type="hidden" name="type[]" value="linkedin">
                                </div>
                            </div>
                        </div>
                        <x-save-btn text="Save" />
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection