@extends('admin.layout.admin')
@section('content')


<style>
    .form-group {
        margin-bottom: 1rem;
        margin-top: 100px;
    }
</style>

    <div class="content-page mt-25" >
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0" style="font-size: 2.5rem; color: #333; font-weight: bold;">Brands</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#" style="color: #666;">Brands</a></li>
                        <li class="breadcrumb-item active" aria-current="page" style="color: #333; font-weight: bold;">
                            Dashboard
                        </li>
                    </ol>
                </div>
            </div>

            <form action="{{ route('admin.frequently.asked.questions.store') }}" method="POST" enctype="multipart/form-data">
                @csrf

{{--                <div class="col-md-6">--}}
{{--                    <div class="form-group">--}}
{{--                        <label for="title" style="font-size: 1.2rem; color: #555; font-weight: bold;">Slider Image 1</label>--}}
{{--                        <input type="file" class="form-control" name="image" id="builty_provides_section_image_1" value="" required>--}}
{{--                        <img id="builty_provides_section_image_1_preview">--}}
{{--                    </div>--}}
{{--                    <span class="text-danger">@error('award_image') {{$message}}@enderror</span>--}}



{{--                </div>--}}

                <div class="col-md-12">
                    <div class="form-group">
                        <label for="title"
                               style="font-size: 1.2rem; color: #555; font-weight: bold;">Question</label>
                        <input type="text" class="form-control" name="question"
                               value="">
                    </div>

                </div>
                <div class="col-md-12">
                    <div class="form-group">
                        <label for="title"
                               style="font-size: 1.2rem; color: #555; font-weight: bold;">Answer</label>
                        <textarea type="text" class="form-control" name="answer"></textarea>
                    </div>

                </div>
{{--                <div class="col-md-6">--}}
{{--                    <div class="form-group">--}}
{{--                        <label for="title"--}}
{{--                               style="font-size: 1.2rem; color: #555; font-weight: bold;">Slider Button</label>--}}
{{--                        <input type="text" class="form-control" name="button"--}}
{{--                               value="{{  $homeData->catagory_heading_4 ?? '' }}">--}}
{{--                    </div>--}}

{{--                </div>--}}

                <div class="text-center mt-5 mb-5">
                    <button type="submit" class="btn btn-primary w-25">Save</button>
                </div>

            </form>

        </div>



        {{--                    <div class="row mt-5">--}}


        {{--                        <div class="col-md-12">--}}
        {{--                            <div class="form-group">--}}
        {{--                                <label for="title" style="font-size: 1.2rem; color: #555; font-weight: bold;"> About--}}
        {{--                                    Image Second</label>--}}
        {{--                                <input type="file" class="form-control" name="about_second_image"--}}
        {{--                                       id="about_second_image">--}}
        {{--                                @if($about->cmsImage('about_second_image') ?? '')--}}
        {{--                                    <img id="about_description_image_preview"--}}
        {{--                                         src="{{$about->cmsImage('about_second_image') ?? ''}}"--}}
        {{--                                         alt="About Image Preview"--}}
        {{--                                         style="max-width: 200px; max-height: 200px; margin-top: 20px;">--}}
        {{--                                @else--}}
        {{--                                    <img id="about_second_image_preview" src="#" alt="About Image Preview"--}}
        {{--                                         style="max-width: 200px; max-height: 200px; margin-top: 20px;">--}}
        {{--                                @endif--}}
        {{--                            </div>--}}
        {{--                        </div>--}}


        {{--                        <div class="col-md-12 mt-5">--}}
        {{--                            <label for="">Video Embed Link</label>--}}
        {{--                            <input type="text" name="about_us_bg_video"--}}
        {{--                                   class="form-control"--}}
        {{--                                   value="{{ $data->about_us_bg_video ?? ''}}">--}}
        {{--                            <br>--}}
        {{--                            @if(!empty($data->about_us_bg_video ?? ''))--}}
        {{--                                <iframe width="100%" height="500px;"--}}
        {{--                                        src="{{ $data->about_us_bg_video ?? '' }}"--}}
        {{--                                        frameborder="0" allowfullscreen></iframe>--}}
        {{--                            @else--}}
        {{--                                <img src="{{asset('front/images/No-Image.png') }}" alt="Profile Preview"--}}
        {{--                                     style="width: 100%;height: 500px;">--}}

        {{--                            @endif--}}

        {{--                        </div>--}}

        {{--                        <div class="col-md-12 mt-5">--}}
        {{--                            <label for="">Video Embed Link</label>--}}
        {{--                            <input type="file" name="about_us_bg_video"--}}
        {{--                                   class="form-control"--}}
        {{--                            >--}}
        {{--                            <br>--}}

        {{--                        </div>--}}


        {{--                    </div>--}}
        {{--                </div>--}}
        {{--                <div class="text-center mt-5 mb-5">--}}
        {{--                    <input type="submit" class="btn btn-primary w-25" value="Submit">--}}
        {{--                </div>--}}
        {{--            </form>--}}


        {{--        </div>--}}
        {{--    </div>--}}
        {{--@endsection--}}

        {{--<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>--}}
        {{--<script>--}}
        {{--    $(document).ready(function () {--}}
        {{--        $('#header_image').change(function () {--}}
        {{--            var input = this;--}}
        {{--            if (input.files && input.files[0]) {--}}
        {{--                var reader = new FileReader();--}}
        {{--                reader.onload = function (e) {--}}
        {{--                    $('#header_image_preview').attr('src', e.target.result).show();--}}
        {{--                }--}}
        {{--                reader.readAsDataURL(input.files[0]);--}}
        {{--            }--}}
        {{--        });--}}

        {{--        $('#about_banner_image').change(function () {--}}
        {{--            var input = this;--}}
        {{--            if (input.files && input.files[0]) {--}}
        {{--                var reader = new FileReader();--}}
        {{--                reader.onload = function (e) {--}}
        {{--                    $('#about_banner_image_preview').attr('src', e.target.result).show();--}}
        {{--                }--}}
        {{--                reader.readAsDataURL(input.files[0]);--}}
        {{--            }--}}
        {{--        });--}}

        {{--        $('#about_description_image').change(function () {--}}
        {{--            var input = this;--}}
        {{--            if (input.files && input.files[0]) {--}}
        {{--                var reader = new FileReader();--}}
        {{--                reader.onload = function (e) {--}}
        {{--                    $('#about_description_image_preview').attr('src', e.target.result).show();--}}
        {{--                }--}}
        {{--                reader.readAsDataURL(input.files[0]);--}}
        {{--            }--}}
        {{--        });--}}

        {{--        bkLib.onDomLoaded(function () {--}}
        {{--            new nicEditor({fullPanel: true}).panelInstance('about_description1');--}}
        {{--        });--}}

        {{--        bkLib.onDomLoaded(function () {--}}
        {{--            new nicEditor({fullPanel: true}).panelInstance('about_description2');--}}
        {{--        });--}}
        {{--    });--}}
        {{--</script>--}}
        {{--                    <script>--}}
        {{--                        ClassicEditor.create( document.getElementById( 'career_banner_description' ) )--}}
        {{--                            .catch( error => {--}}
        {{--                                console.error( error );--}}
        {{--                            } );--}}
        {{--                        ClassicEditor.create( document.getElementById( 'career_section_description_1' ) )--}}
        {{--                            .catch( error => {--}}
        {{--                                console.error( error );--}}
        {{--                            } );--}}
        {{--                    </script>--}}



            <script>
                ClassicEditor.create( document.getElementById( 'career_banner_description' ) )
                    .catch( error => {
                        console.error( error );
                    } );
            </script>








@endsection