@extends('admin.layouts.master')
@section('title', 'Setting')
@section('content')
    <style>
        .some-text {
            color: red;
            font-style: italic;
            font-size: 15px;
        }

        .help-block {
            color: red;
            font-size: 13px;
            font-weight: normal;
        }
    </style>
    <link href="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"
          rel="stylesheet">
    <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <!-- Page Wrapper -->
    <div class="page-wrapper">
        <div class="content container-fluid">

            <!-- Page Header -->
            <div class="page-header">
                <div class="row">
                    <div class="col">
                        <h3 class="page-title">Settings</h3>
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item active"> @if($data ?? '') Update @else Add @endif Settings</li>

                        </ul>
                    </div>
                </div>
            </div>
            <!-- /Page Header -->

            <div class="row">

                <div class="col-md-12">
                    @include('admin.includes.msg')
                    <div class="card">

                        <div class="card-body">
                            <ul class="nav nav-tabs">
                                <li class="nav-item"><a class="nav-link active" href="#basictab1"
                                                        data-toggle="tab">General</a></li>
                            </ul>

                            <form method="POST" action="{{ route('setting.store') }}" enctype="multipart/form-data">
                                {{ csrf_field() }}
                                @if($data ?? '')
                                    <input type="hidden" name="id" value="{{ $data->id }}">
                                @endif


                                <div class="tab-content">
                                    <div class="tab-pane show active" id="basictab1">
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Logo</label>
                                            <div class="col-md-6">
                                                <input class="form-control imgInp" name="logo" type="file">
                                                <span style="color:red; font-style:italic;font-size:15px">Only JPG,png files are acceptable</span></br>
                                                @if(isset($data) && !empty($data->logo))
                                                    <div class="logo"><img src="{{ '/upload/'.$data->logo }}"
                                                                            class="preview">
                                                        <button type="button" class="btn btn-sm btn-danger"
                                                                onclick="delimg('settings','logo',{{ $data->id }})">Remove
                                                        </button>
                                                    </div> @endif
                                            </div>
                                            {{--image preview Start--}}
                                            <div class="col-md-2">
                                                <img id="logo" class="preview" src="/admin/assets/img/preview.jpg"/>
                                            </div>
                                            {{--image preview end--}}
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Phone No 1</label>
                                            <div class="col-md-8">
                                                <input id="phone1" class="form-control" name="phone1" type="text"
                                                       value="@if($data ?? '') {{ $data->phone1 }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Phone No 2</label>
                                            <div class="col-md-8">
                                                <input id="phone2" class="form-control" name="phone2" type="text"
                                                       value="@if($data ?? '') {{ $data->phone2 }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Email Id 1</label>
                                            <div class="col-md-8">
                                                <input id="email1" class="form-control" name="email1" type="text"
                                                       value="@if($data ?? '') {{ $data->email1 }} @endif">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Email Id 2</label>
                                            <div class="col-md-8">
                                                <input id="email2" class="form-control" name="email2" type="text"
                                                       value="@if($data ?? '') {{ $data->email2  }} @endif">
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Address</label>
                                            <div class="col-md-8">
                                                <textarea id="address" class="form-control ckeditor"
                                                          placeholder="Enter Your Full Address here" name="address" cols="50"
                                                          rows="10">@if($data ?? '') {{ $data->address }} @endif</textarea>

                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Working Hour</label>
                                            <div class="col-md-8">
                                                <input id="workingHour" class="form-control"
                                                       placeholder="Enter your Working Hour" name="workingHour" type="text"
                                                       value="@if($data ?? ''){{ $data->workingHour }}@endif">
                                            </div>

                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Facebook Link</label>
                                            <div class="col-md-8">
                                                <input id="fbLink" class="form-control"
                                                       placeholder="Enter Facebook Link" name="fbLink" type="text"
                                                       value="@if($data ?? ''){{ $data->fbLink }}@endif">

                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Twitter Link</label>
                                            <div class="col-md-8">
                                                <input id="twitterLink" class="form-control"
                                                       placeholder="Enter Twitter Link" name="twitterLink" type="text"
                                                       value="@if($data ?? ''){{ $data->twitterLink }}@endif">

                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">LinkedIn Link</label>
                                            <div class="col-md-8">
                                                <input id="linkedinLink" class="form-control"
                                                       placeholder="Enter LinkedIn Link" name="linkedinLink" type="text"
                                                       value="@if($data ?? ''){{ $data->linkedinLink }}@endif">

                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Instagram Link</label>
                                            <div class="col-md-8">
                                                <input id="instaLink" class="form-control"
                                                       placeholder="Enter Facebook Link" name="instaLink" type="text"
                                                       value="@if($data ?? ''){{ $data->instaLink }}@endif">

                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Youtube Link</label>
                                            <div class="col-md-8">
                                                <input id="youtubeLink" class="form-control"
                                                       placeholder="Enter Youtube Link" name="youtubeLink" type="text"
                                                       value="@if($data ?? ''){{ $data->youtubeLink }}@endif">

                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Google Plus Link</label>
                                            <div class="col-md-8">
                                                <input id="googlePlusLink" class="form-control"
                                                       placeholder="Enter Google Plus Link" name="googlePlusLink" type="text"
                                                       value="@if($data ?? ''){{ $data->googlePlusLink }}@endif">

                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">Google Map Link</label>
                                            <div class="col-md-8">
                                                <input id="mapLink" class="form-control"
                                                       placeholder="Enter Google Map Link" name="mapLink" type="text"
                                                       value="@if($data ?? ''){{ $data->mapLink }}@endif">

                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">App Banner One</label>
                                            <div class="col-md-6">
                                                <input class="form-control imgInp" name="app_main_banner1" type="file">
                                                <span style="color:red; font-style:italic;font-size:15px">Only JPG,png files are acceptable</span></br>
                                                @if(isset($data) && !empty($data->app_main_banner1))
                                                    <div class="app_main_banner1"><img src="{{ '/upload/'.$data->app_main_banner1 }}"
                                                                           class="preview">
                                                        <button type="button" class="btn btn-sm btn-danger"
                                                                onclick="delimg('settings','app_main_banner1',{{ $data->id }})">Remove
                                                        </button>
                                                    </div> @endif
                                            </div>
                                            {{--image preview Start--}}
                                            <div class="col-md-2">
                                                <img id="app_main_banner1" class="preview" src="/admin/assets/img/preview.jpg"/>
                                            </div>
                                            {{--image preview end--}}
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">App Banner Two</label>
                                            <div class="col-md-6">
                                                <input class="form-control imgInp" name="app_main_banner2" type="file">
                                                <span style="color:red; font-style:italic;font-size:15px">Only JPG,png files are acceptable</span></br>
                                                @if(isset($data) && !empty($data->app_main_banner2))
                                                    <div class="app_main_banner2"><img src="{{ '/upload/'.$data->app_main_banner2 }}"
                                                                           class="preview">
                                                        <button type="button" class="btn btn-sm btn-danger"
                                                                onclick="delimg('settings','app_main_banner2',{{ $data->id }})">Remove
                                                        </button>
                                                    </div> @endif
                                            </div>
                                            {{--image preview Start--}}
                                            <div class="col-md-2">
                                                <img id="logo" class="preview" src="/admin/assets/img/preview.jpg"/>
                                            </div>
                                            {{--image preview end--}}
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">App Banner Three</label>
                                            <div class="col-md-6">
                                                <input class="form-control imgInp" name="app_main_banner3" type="file">
                                                <span style="color:red; font-style:italic;font-size:15px">Only JPG,png files are acceptable</span></br>
                                                @if(isset($data) && !empty($data->app_main_banner3))
                                                    <div class="app_main_banner3"><img src="{{ '/upload/'.$data->app_main_banner3 }}"
                                                                           class="preview">
                                                        <button type="button" class="btn btn-sm btn-danger"
                                                                onclick="delimg('settings','app_main_banner3',{{ $data->id }})">Remove
                                                        </button>
                                                    </div> @endif
                                            </div>
                                            {{--image preview Start--}}
                                            <div class="col-md-2">
                                                <img id="app_main_banner3" class="preview" src="/admin/assets/img/preview.jpg"/>
                                            </div>
                                            {{--image preview end--}}
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-form-label col-md-2">App Ads Banner</label>
                                            <div class="col-md-6">
                                                <input class="form-control imgInp" name="app_ads_banner" type="file">
                                                <span style="color:red; font-style:italic;font-size:15px">Only JPG,png files are acceptable</span></br>
                                                @if(isset($data) && !empty($data->app_ads_banner))
                                                    <div class="app_ads_banner"><img src="{{ '/upload/'.$data->app_ads_banner }}"
                                                                           class="preview">
                                                        <button type="button" class="btn btn-sm btn-danger"
                                                                onclick="delimg('settings','app_ads_banner',{{ $data->id }})">Remove
                                                        </button>
                                                    </div> @endif
                                            </div>
                                            {{--image preview Start--}}
                                            <div class="col-md-2">
                                                <img id="app_ads_banner" class="preview" src="/admin/assets/img/preview.jpg"/>
                                            </div>
                                            {{--image preview end--}}
                                        </div>


                                    <div class="form-group row">
                                        <label class="col-form-label col-md-4">
                                            <button type="submit" class="btn btn-primary">Submit</button>
                                        </label>

                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /Main Wrapper -->

    </div>
    <script>
        $(document).ready(function () {
            $('#publishDate').datepicker({
                dateFormat: 'yy-mm-dd'
            });
        });

        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                var id = $(input).attr('name');
                reader.onload = function (e) {
                    $('#' + id).attr('src', e.target.result);
                }

                reader.readAsDataURL(input.files[0]); // convert to base64 string
            }
        }

        $(".imgInp").change(function () {
            readURL(this);
        });

    </script>
@endsection