@extends('admin.layout.app')
@section('content')
    <div class="main-panel">
        <div class="content">
            <div class="page-inner element-1">

                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <div class="card-title">Website Setting</div>
                            </div>
                            <form action="{{ route('stor_setting') }}" method="post" enctype="multipart/form-data"
                                name="update_setting_page" id="update_setting_page">
                                @csrf
                                <input type="hidden" name="id" value="">
                                <div class="card-body element-2">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="inlineinput">Phone Number<span
                                                        class="text-danger">*</span></label>
                                                <input type="text" class="form-control" placeholder="Phone Number" name="phone_no"
                                                    value="{{ $settings->phone ?? '' }}"
                                                    onkeypress="return numbersonly(event)" required>
                                            </div>
                                        </div>

                                        {{-- <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="inlineinput">WhatsApp Number</label>
                                                <input type="text" class="form-control" placeholder="WhatsApp Number"
                                                    maxlength="10" name="whatsapp"
                                                    value="{{ $settings->whatsapp ?? '' }}"
                                                    onkeypress="return numbersonly(event)">
                                            </div>
                                        </div> --}}


                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="inlineinput">Email<span class="text-danger">*</span></label>
                                                <input type="email" class="form-control" placeholder="Email"
                                                    name="email" value="{{ $settings->email ?? '' }}" required
                                                    pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,5}$">
                                            </div>
                                        </div>
                                        {{-- <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="business_corporated">Business Corporated<span class="text-danger">*</span></label>
                                                <input type="number" class="form-control" name="business_corporated" id="business_corporated"
                                                    placeholder="Enter Business Corporated" value="{{ $settings->business_corporated ?? '' }}"
                                                    max="1000000" required>
                                            </div>
                                        </div> --}}

                                        {{-- <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="compliance_success">Compliance Success<span class="text-danger">*</span></label>
                                                <input type="number" class="form-control" name="compliance_success" id="compliance_success"
                                                    placeholder="Enter Compliance Success" value="{{ $settings->compliance_success ?? '' }}"
                                                    max="1000000" required>
                                            </div>
                                        </div> --}}

                                        {{-- <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="funding_acilitated">Funding Facilitated<span class="text-danger">*</span></label>
                                                <input type="number" class="form-control" name="funding_acilitated" id="funding_acilitated"
                                                    placeholder="Enter Funding Facilitated" value="{{ $settings->funding_acilitated ?? '' }}"
                                                    max="1000000" required>
                                            </div>
                                        </div> --}}

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="no_of_year">No. of Years<span class="text-danger">*</span></label>
                                                <input type="number" class="form-control" name="no_of_year" id="no_of_year"
                                                    placeholder="Enter No. of Years" value="{{ $settings->no_of_year ?? '' }}"
                                                    max="1000000" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="our_professionals">Our Professionals<span class="text-danger">*</span></label>
                                                <input type="number" class="form-control" name="our_professionals" id="our_professionals"
                                                    placeholder="Enter Our Professionals" value="{{ $settings->our_professionals ?? '' }}"
                                                    max="1000000" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="client_served">Client Served<span class="text-danger">*</span></label>
                                                <input type="number" class="form-control" name="client_served" id="client_served"
                                                    placeholder="Enter Client Served" value="{{ $settings->client_served ?? '' }}"
                                                    max="1000000" required>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="inlineinput">Address<span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" placeholder="Address"
                                                    name="address" value="{{ $settings->address ?? '' }}" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="inlineinput">Logo<span class="text-danger">*</span><span><small
                                                            class="text-danger mx-2">(Only 110px * 51px Size, Upto
                                                            500kb)</small></span></label>
                                                <input type="file" class="form-control d-flex" accept="image/*"
                                                    style="padding: 3.2px;" name="logo">
                                                <div class="col pt-10">
                                                    <img src="{{ asset($settings->logo ?? 'notImage.jpg') }}" width="400px"
                                                        height="150px" style="padding:11px">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="inlineinput">Footer Logo<span class="text-danger">*</span><span><small
                                                            class="text-danger mx-2">(Only 110px * 51px Size, Upto
                                                            500kb)</small></span></label>
                                                <input type="file" class="form-control d-flex" accept="image/*"
                                                    style="padding: 3.2px;" name="footer_logo">
                                                <div class="col pt-10">
                                                    <img src="{{ asset($settings->footer_logo ?? 'notImage.jpg') }}" width="400px"
                                                        height="150px" style="padding:11px">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="inlineinput">Favicon White<span
                                                        class="text-danger">*</span><span><small
                                                            class="text-danger mx-2">(Only 50px * 50px Size, Upto
                                                            500kb)</small></span></label>
                                                <input type="file" class="form-control d-flex" accept="image/*"
                                                    style="padding: 3.2px;" name="fevicon_white">
                                                <div class="col pt-10">
                                                    <img src="{{ asset($settings->fevicon_white ?? 'notImage.jpg') }}"
                                                        width="200px" height="150px" style="padding:11px">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="inlineinput">Favicon Color<span
                                                        class="text-danger">*</span><span><small
                                                            class="text-danger mx-2">(Only 50px * 50px Size, Upto
                                                            500kb)</small></span></label>
                                                <input type="file" class="form-control d-flex" accept="image/*"
                                                    style="padding: 3.2px;" name="fevicon_color">
                                                <div class="col pt-10">
                                                    <img src="{{ asset($settings->fevicon_color ?? 'notImage.jpg') }}"
                                                        width="200px" height="150px" style="padding:11px">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="inlineinput">Facebook Url</label>
                                                <input type="url" class="form-control" placeholder="Facebook"
                                                    name="facebook_link" value="{{ $settings->facebook_link ?? '' }}">
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="inlineinput">Instagram Link</label>
                                                <input type="text" class="form-control" placeholder="Instagram"
                                                    name="instagram_link" value="{{ $settings->instagram_link ?? '' }}">
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="inlineinput">Twitter Link</label>
                                                <input type="url" class="form-control" placeholder="Twitter"
                                                    name="twitter_link" value="{{ $settings->twitter_link ?? '' }}">
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="inlineinput">Linkedin Link</label>
                                                <input type="url" class="form-control" placeholder="Linkedin"
                                                    name="linkedin_link" value="{{ $settings->linkedin_link ?? '' }}">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="inlineinput">Youtube Link</label>
                                                <input type="url" class="form-control" placeholder="Youtube"
                                                    name="youtube_link" value="{{ $settings->youtube_link ?? '' }}">
                                            </div>
                                        </div>
                                        {{-- <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Latitude <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" name="latitude" placeholder="Enter Latitude"
                                                    value="{{ $settings->latitude ?? '' }}" required>
                                            </div>
                                        </div> --}}

                                        {{-- <div class="col-md-6">
                                            <div class="form-group">
                                                <label>Longitude <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" name="longitude" placeholder="Enter Longitude"
                                                    value="{{ $settings->longitude ?? '' }}" required>
                                            </div>
                                        </div> --}}

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="inlineinput">Footer About</label>
                                                <textarea name="about" rows="5" class="form-control" spellcheck="false">{{ $settings->about ?? '' }}</textarea>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="inlineinput">Newsleter Footer About</label>
                                                <textarea name="newsletter_about" rows="5" class="form-control" spellcheck="false">{{ $settings->newsletter_about ?? '' }}</textarea>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <div class="card-action element-2 text-center">
                                    <a href="{{ url('admin/setting') }}"
                                        class="btn btn-light mr-2 btn-size-cus">Cancel</a>
                                    <button type="submit" name="Submit" id="loderButton"
                                        class="btn btn-primary px-5 rounded-0 btn-size-cus"><i
                                            class="fa fa-spinner fa-pulse fa-fw" id="loderIcon"
                                            style="display:none;"></i>Update</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection

    @section('js')
        <script type="text/javascript">
            // add modal
            $(document).on('submit', 'form#update_setting_page', function(e) {
                e.preventDefault();
                var data = new FormData(this);
                $('#loderIcon').show();
                $('#loderButton').prop("disabled", true);

                $.ajax({
                    cache: false,
                    contentType: false,
                    processData: false,
                    url: $(this).attr("action"),
                    method: $(this).attr("method"),
                    dataType: "json",
                    data: data,
                    success: function(response) {
                        $('#loderIcon').hide();
                        $('#loderButton').prop("disabled", false);

                        if (response.responseCode == 200) {
                            toastr.success(response.responseMessage);
                            $('div.add_model').modal('hide');
                            location.reload();
                        } else {
                            toastr.error(response.responseMessage);
                        }
                    }
                });
            });
        </script>
    @endsection