@extends('backend.layouts.app')
@section('backend_title', 'Admin Order List')

@section('backend_content')
    <div class="row">
        <div class="col-8 offset-2 ms-0">
            <div class="card-body card">
                <h5 class="font-weight-bolder">Site Information</h5>
                <form method="POST" action="{{ route('setting_store') }}" class="multisteps-form__content" enctype="multipart/form-data">
                    @csrf
                    <div class="mt-3 row">
                        <div class="col-12 mb-3">
                            <label>Logo</label>
                            <div>
                                <input oninput="img.src=window.URL.createObjectURL(this.files[0])", name="logo" id="logo" type="file" class="ms-0">
                                <img id="img" src="{{ isset($setting->logo) ? asset($setting->logo) : '' }}" class="img-thumbnail" alt="" style="width:140px; max-height: 50px;">
                                @error('logo')
                                    <div class="form-text text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 mb-3">
                            <label>Name</label>
                            <input class="form-control" type="text" name="name" placeholder="Company Name" value="{{ old('name', $setting ? $setting->name : '') }}">
                            @error('name')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mt-3 col-12 col-sm-6 mt-sm-0 mb-3">
                            <label>Phone</label>
                            <input class="form-control" type="text" name="phone" placeholder="017455555555" value="{{ old('phone', $setting ? $setting->phone : '') }}">
                            @error('phone')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mt-3 col-12 col-sm-6 mt-sm-0 mb-3">
                            <label>Email</label>
                            <input class="form-control" type="email" name="email" placeholder="example@gmail.com" value="{{ old('email', $setting ? $setting->email : '') }}">
                            @error('email')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mt-3 col-12 col-sm-6 mt-sm-0 mb-5">
                            <label>Address</label>
                            <input class="form-control" type="text" name="address" placeholder="Dhaka, Bangladesh" value="{{ old('address', $setting ? $setting->address : '') }}">
                            @error('address')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-12 mb-3">
                            <label>Footer Logo</label>
                            <div>
                                <input oninput="fimg.src=window.URL.createObjectURL(this.files[0])" name="footer_logo" id="footer_logo" type="file" class="ms-0">
                                <img id="fimg" src="{{ isset($setting->footer_logo) ? asset($setting->footer_logo) : '' }}" class="img-thumbnail" alt="" style="width:160px; max-height: 60px;">
                                @error('footer_logo')
                                    <div class="form-text text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-sm-12 mb-5">
                            <label class="">Footer Content</label>
                            {{-- <div class="ql-toolbar ql-snow"><span class="ql-formats"><span class="ql-header ql-picker"><span class="ql-picker-label" tabindex="0" role="button" aria-expanded="false" aria-controls="ql-picker-options-0"><svg viewBox="0 0 18 18">
                                            <polygon class="ql-stroke" points="7 11 9 13 11 11 7 11"></polygon>
                                            <polygon class="ql-stroke" points="7 7 9 5 11 7 7 7"></polygon>
                                        </svg></span><span class="ql-picker-options" aria-hidden="true" tabindex="-1" id="ql-picker-options-0"><span tabindex="0" role="button" class="ql-picker-item" data-value="1"></span><span tabindex="0" role="button" class="ql-picker-item" data-value="2"></span><span tabindex="0" role="button" class="ql-picker-item" data-value="3"></span><span tabindex="0" role="button" class="ql-picker-item"></span></span></span><select class="ql-header" style="display: none;">
                                    <option value="1"></option>
                                    <option value="2"></option>
                                    <option value="3"></option>
                                    <option selected="selected"></option>
                                </select></span><span class="ql-formats"><button type="button" class="ql-bold"><svg viewBox="0 0 18 18">
                                        <path class="ql-stroke" d="M5,4H9.5A2.5,2.5,0,0,1,12,6.5v0A2.5,2.5,0,0,1,9.5,9H5A0,0,0,0,1,5,9V4A0,0,0,0,1,5,4Z"></path>
                                        <path class="ql-stroke" d="M5,9h5.5A2.5,2.5,0,0,1,13,11.5v0A2.5,2.5,0,0,1,10.5,14H5a0,0,0,0,1,0,0V9A0,0,0,0,1,5,9Z"></path>
                                    </svg></button><button type="button" class="ql-italic"><svg viewBox="0 0 18 18">
                                        <line class="ql-stroke" x1="7" x2="13" y1="4" y2="4"></line>
                                        <line class="ql-stroke" x1="5" x2="11" y1="14" y2="14"></line>
                                        <line class="ql-stroke" x1="8" x2="10" y1="14" y2="4"></line>
                                    </svg></button><button type="button" class="ql-underline"><svg viewBox="0 0 18 18">
                                        <path class="ql-stroke" d="M5,3V9a4.012,4.012,0,0,0,4,4H9a4.012,4.012,0,0,0,4-4V3"></path>
                                        <rect class="ql-fill" height="1" rx="0.5" ry="0.5" width="12" x="3" y="15"></rect>
                                    </svg></button><button type="button" class="ql-link"><svg viewBox="0 0 18 18">
                                        <line class="ql-stroke" x1="7" x2="11" y1="7" y2="11"></line>
                                        <path class="ql-even ql-stroke" d="M8.9,4.577a3.476,3.476,0,0,1,.36,4.679A3.476,3.476,0,0,1,4.577,8.9C3.185,7.5,2.035,6.4,4.217,4.217S7.5,3.185,8.9,4.577Z"></path>
                                        <path class="ql-even ql-stroke" d="M13.423,9.1a3.476,3.476,0,0,0-4.679-.36,3.476,3.476,0,0,0,.36,4.679c1.392,1.392,2.5,2.542,4.679.36S14.815,10.5,13.423,9.1Z"></path>
                                    </svg></button></span><span class="ql-formats"><button type="button" class="ql-list" value="ordered"><svg viewBox="0 0 18 18">
                                        <line class="ql-stroke" x1="7" x2="15" y1="4" y2="4"></line>
                                        <line class="ql-stroke" x1="7" x2="15" y1="9" y2="9"></line>
                                        <line class="ql-stroke" x1="7" x2="15" y1="14" y2="14"></line>
                                        <line class="ql-stroke ql-thin" x1="2.5" x2="4.5" y1="5.5" y2="5.5"></line>
                                        <path class="ql-fill" d="M3.5,6A0.5,0.5,0,0,1,3,5.5V3.085l-0.276.138A0.5,0.5,0,0,1,2.053,3c-0.124-.247-0.023-0.324.224-0.447l1-.5A0.5,0.5,0,0,1,4,2.5v3A0.5,0.5,0,0,1,3.5,6Z"></path>
                                        <path class="ql-stroke ql-thin" d="M4.5,10.5h-2c0-.234,1.85-1.076,1.85-2.234A0.959,0.959,0,0,0,2.5,8.156"></path>
                                        <path class="ql-stroke ql-thin" d="M2.5,14.846a0.959,0.959,0,0,0,1.85-.109A0.7,0.7,0,0,0,3.75,14a0.688,0.688,0,0,0,.6-0.736,0.959,0.959,0,0,0-1.85-.109"></path>
                                    </svg></button><button type="button" class="ql-list" value="bullet"><svg viewBox="0 0 18 18">
                                        <line class="ql-stroke" x1="6" x2="15" y1="4" y2="4"></line>
                                        <line class="ql-stroke" x1="6" x2="15" y1="9" y2="9"></line>
                                        <line class="ql-stroke" x1="6" x2="15" y1="14" y2="14"></line>
                                        <line class="ql-stroke" x1="3" x2="3" y1="4" y2="4"></line>
                                        <line class="ql-stroke" x1="3" x2="3" y1="9" y2="9"></line>
                                        <line class="ql-stroke" x1="3" x2="3" y1="14" y2="14"></line>
                                    </svg></button></span><span class="ql-formats"><button type="button" class="ql-clean"><svg class="" viewBox="0 0 18 18">
                                        <line class="ql-stroke" x1="5" x2="13" y1="3" y2="3"></line>
                                        <line class="ql-stroke" x1="6" x2="9.35" y1="12" y2="3"></line>
                                        <line class="ql-stroke" x1="11" x2="15" y1="11" y2="15"></line>
                                        <line class="ql-stroke" x1="15" x2="11" y1="11" y2="15"></line>
                                        <rect class="ql-fill" height="1" rx="0.5" ry="0.5" width="7" x="2" y="14"></rect>
                                    </svg></button></span></div>
                        <div id="edit-deschiption" class="h-50 ql-container ql-snow">
                            <div class="ql-editor" data-gramm="false" contenteditable="true">
                                {!! $setting->footer_content !!}
                            </div>
                            <div class="ql-clipboard" contenteditable="true" tabindex="-1"></div>
                            <div class="ql-tooltip ql-hidden"><a class="ql-preview" rel="noopener noreferrer" target="_blank" href="about:blank"></a>
                                <input type="text" name="footer_content" data-formula="e=mc^2" data-link="https://quilljs.com" data-video="Embed URL">
                                <a class="ql-action"></a><a class="ql-remove"></a>
                            </div>
                        </div> --}}
                            <textarea class="form-control" name="footer_content" id="" rows="5">{{ old('footer_content', $setting ? $setting->footer_content : '') }}</textarea>
                            @error('footer_content')
                                <div class="form-text text-danger">{{ $message }}</div>
                            @enderror
                        </div>

                        {{-- <div class="mt-3 col-12 mt-sm-0 mb-3">
                        <label>Copyright Text</label>
                        <input class="form-control" type="text" name="copyright_text" value="{{ old('copyright_text', $setting->copyright_text) }}" placeholder="Your Copyright Text">
                        @error('copyright_text')
                            <div class="form-text text-danger">{{ $message }}</div>
                        @enderror
                    </div> --}}
                    </div>
                    <div class="mt-4 button-row d-flex">
                        <button class="mb-0 btn btn-dark ms-auto" type="submit" title="Save">Save & Change</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('backend_script')

@endsection