@extends('front.layout.app')

@section('page_title',trans('word.my-questions'))
@section('custom-styles')

@endsection
@section('content')
    <div class="modal fade rounded-top rounded-bottom" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-primary-color white ">
                    <h5 class="modal-title text-center" id="exampleModalLabel">@lang('word.add-question')</h5>
                    <button type="button" class="btn-close white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">

                    <div class="mb-3">
                        <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="@lang('word.add-question')"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">@lang('word.cancel')</button>
                    <button type="button" class="btn  btn-outline-primary-color1">@lang('word.add')</button>
                </div>
            </div>
        </div>
    </div>

    <section class="profile-desktop">
        <div class="container py-5">

            <div class="row">
                @include('front.layout.profile-side')

                <div class="col-lg-7 full-heigth left-side-profile" >
                    <div class="add_ads__left height-fit" >
                        @if(session()->has('success'))
                            <div class="alert alert-success alert-dismissible fade show justify-content-space" role="alert">
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                <strong style="margin-right: 20px;margin-left: 20px;">{{session()->get('success')}}</strong>

                            </div>
                        @endif
                        <div class="title">
                            <i class="bx bx-question-mark"></i>
                            <h3>@lang('word.my-questions')</h3>
                        </div>
                            <button class="btn btn-primary-color1 full-width mt-3 mb-3 fw-bold " style="border-radius: 15px;"
                                    data-bs-toggle="modal" data-bs-target="#exampleModal">
                                @lang('word.add-question')
                            </button>

                            <div class="row mb-3">
                                <div class="col-md-12">
                                    <div class="card shadow-0 border rounded-3">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-md-12 col-lg-3 col-xl-3 mb-4 mb-lg-0">
                                                    <div class="bg-image hover-zoom ripple rounded ripple-surface">
                                                        <img src="{{asset(auth('web')->user()->pic)}}" onerror="this.src='{{asset('settings/logo.e1.png')}}'"
                                                             alt="" class="w-100">

                                                        <a href="#!">
                                                            <div class="hover-overlay">
                                                                <div class="mask" style="background-color: rgba(253, 253, 253, 0.15);"></div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="col-md-9 col-lg-9 col-xl-9">
                                                    <h5>{{auth('web')->user()->name}}</h5>
                                                    <span class="text-muted mt-2 mb-2">19-11-2022</span>

                                                    <p class=" mb-4 mb-md-0">
                                                        There are many variations of passages of Lorem Ipsum available, but the
                                                        majority have suffered alteration in some form, by injected humour, or
                                                        randomised words which don't look even slightly believable.
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-3 mt-3 mb-3">
                                    <a class="btn btn-outline-primary-color1 full-width  fw-bold">@lang('word.delete')</a>
                                </div>
                                <div class="col-9 mt-3">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header border-primary-color1" id="headingTwo" style="border-radius: 0.25rem;">
                                            <button class="accordion-button collapsed comment-accordion-btn" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                               @lang('word.see-comments')
                                            </button>
                                        </h2>
                                        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <div class="col-12 mb-2">
                                                    <div class="review full-width p-1">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="d-flex">
                                                                    <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                    width="70" height="70">
                                                                    <div class="">
                                                                        <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                        <span class="text-muted small d-block">2 hours ago</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                      </div>
                                                        <div class="row">
                                                            <div class="col-12 ">
                                                                <div class="review-text">
                                                                    ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row p-1">
                                                            <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-comment' ></i>
                                                                       <span> @lang('word.reply')</span>
                                                                    </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-heart' ></i>
                                                                    <span> @lang('word.fav')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bxs-flag-alt'></i>
                                                                    <span> @lang('word.report')</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div id="more-section">
                                                    <div class="col-12 mb-2">
                                                        <div class="review full-width p-1">
                                                            <div class="row">
                                                                <div class="col-12">
                                                                    <div class="d-flex">
                                                                        <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                             width="70" height="70">
                                                                        <div class="">
                                                                            <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                            <span class="text-muted small d-block">2 hours ago</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-12 ">
                                                                    <div class="review-text">
                                                                        ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row p-1">
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-comment' ></i>
                                                                        <span> @lang('word.reply')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-heart' ></i>
                                                                        <span> @lang('word.fav')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bxs-flag-alt'></i>
                                                                        <span> @lang('word.report')</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 mb-2">
                                                        <div class="review full-width p-1">
                                                            <div class="row">
                                                                <div class="col-12">
                                                                    <div class="d-flex">
                                                                        <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                             width="70" height="70">
                                                                        <div class="">
                                                                            <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                            <span class="text-muted small d-block">2 hours ago</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-12 ">
                                                                    <div class="review-text">
                                                                        ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row p-1">
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-comment' ></i>
                                                                        <span> @lang('word.reply')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-heart' ></i>
                                                                        <span> @lang('word.fav')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bxs-flag-alt'></i>
                                                                        <span> @lang('word.report')</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 mb-2">
                                                        <div class="review full-width p-1">
                                                            <div class="row">
                                                                <div class="col-12">
                                                                    <div class="d-flex">
                                                                        <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                             width="70" height="70">
                                                                        <div class="">
                                                                            <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                            <span class="text-muted small d-block">2 hours ago</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-12 ">
                                                                    <div class="review-text">
                                                                        ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row p-1">
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-comment' ></i>
                                                                        <span> @lang('word.reply')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-heart' ></i>
                                                                        <span> @lang('word.fav')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bxs-flag-alt'></i>
                                                                        <span> @lang('word.report')</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 mb-2">
                                                        <div class="review full-width p-1">
                                                            <div class="row">
                                                                <div class="col-12">
                                                                    <div class="d-flex">
                                                                        <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                             width="70" height="70">
                                                                        <div class="">
                                                                            <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                            <span class="text-muted small d-block">2 hours ago</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-12 ">
                                                                    <div class="review-text">
                                                                        ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row p-1">
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-comment' ></i>
                                                                        <span> @lang('word.reply')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-heart' ></i>
                                                                        <span> @lang('word.fav')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bxs-flag-alt'></i>
                                                                        <span> @lang('word.report')</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 mb-2">
                                                        <div class="review full-width p-1">
                                                            <div class="row">
                                                                <div class="col-12">
                                                                    <div class="d-flex">
                                                                        <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                             width="70" height="70">
                                                                        <div class="">
                                                                            <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                            <span class="text-muted small d-block">2 hours ago</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-12 ">
                                                                    <div class="review-text">
                                                                        ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row p-1">
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-comment' ></i>
                                                                        <span> @lang('word.reply')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-heart' ></i>
                                                                        <span> @lang('word.fav')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bxs-flag-alt'></i>
                                                                        <span> @lang('word.report')</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 mb-2">
                                                        <div class="review full-width p-1">
                                                            <div class="row">
                                                                <div class="col-12">
                                                                    <div class="d-flex">
                                                                        <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                             width="70" height="70">
                                                                        <div class="">
                                                                            <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                            <span class="text-muted small d-block">2 hours ago</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-12 ">
                                                                    <div class="review-text">
                                                                        ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row p-1">
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-comment' ></i>
                                                                        <span> @lang('word.reply')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-heart' ></i>
                                                                        <span> @lang('word.fav')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bxs-flag-alt'></i>
                                                                        <span> @lang('word.report')</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 mb-2">
                                                        <div class="review full-width p-1">
                                                            <div class="row">
                                                                <div class="col-12">
                                                                    <div class="d-flex">
                                                                        <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                             width="70" height="70">
                                                                        <div class="">
                                                                            <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                            <span class="text-muted small d-block">2 hours ago</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-12 ">
                                                                    <div class="review-text">
                                                                        ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row p-1">
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-comment' ></i>
                                                                        <span> @lang('word.reply')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-heart' ></i>
                                                                        <span> @lang('word.fav')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bxs-flag-alt'></i>
                                                                        <span> @lang('word.report')</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 mb-2">
                                                        <div class="review full-width p-1">
                                                            <div class="row">
                                                                <div class="col-12">
                                                                    <div class="d-flex">
                                                                        <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                             width="70" height="70">
                                                                        <div class="">
                                                                            <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                            <span class="text-muted small d-block">2 hours ago</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-12 ">
                                                                    <div class="review-text">
                                                                        ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row p-1">
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-comment' ></i>
                                                                        <span> @lang('word.reply')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-heart' ></i>
                                                                        <span> @lang('word.fav')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bxs-flag-alt'></i>
                                                                        <span> @lang('word.report')</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 mb-2">
                                                        <div class="review full-width p-1">
                                                            <div class="row">
                                                                <div class="col-12">
                                                                    <div class="d-flex">
                                                                        <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                             width="70" height="70">
                                                                        <div class="">
                                                                            <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                            <span class="text-muted small d-block">2 hours ago</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-12 ">
                                                                    <div class="review-text">
                                                                        ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row p-1">
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-comment' ></i>
                                                                        <span> @lang('word.reply')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bx-heart' ></i>
                                                                        <span> @lang('word.fav')</span>
                                                                    </a>
                                                                </div>
                                                                <div class="col-4">
                                                                    <a class="btn-gray fw-bold full-width">
                                                                        <i class='bx bxs-flag-alt'></i>
                                                                        <span> @lang('word.report')</span>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>

                                                <div class="col-12">
                                                    <div class="text-end">
                                                        <button id="read-more" class="text-end btn btn-primary-color1 fw-bold" onclick="ReadMoreOrLess()">
                                                            @lang('word.read-more')
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="profile-mobile" >
        <div class="container py-5">
            <div class="row">
                @include('front.layout.profile-side-mobile')

                <div class="col-lg-9 col-12 full-heigth left-side-profile">
                    <div class="add_ads__left height-fit" >
                        @if(session()->has('success'))
                            <div class="alert alert-success alert-dismissible fade show justify-content-space" role="alert">
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                <strong style="margin-right: 20px;margin-left: 20px;">{{session()->get('success')}}</strong>

                            </div>
                        @endif
                        <div class="title">
                            <i class="bx bx-question-mark"></i>
                            <h3>@lang('word.my-questions')</h3>
                        </div>
                        <button class="btn btn-primary-color1 full-width mt-3 mb-3 fw-bold " style="border-radius: 15px;"
                                data-bs-toggle="modal" data-bs-target="#exampleModal">
                            @lang('word.add-question')
                        </button>

                        <div class="row mb-3">
                            <div class="col-md-12">
                                <div class="card shadow-0 border rounded-3">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-12 col-lg-3 col-xl-3 mb-4 mb-lg-0">
                                                <div class="bg-image hover-zoom ripple rounded ripple-surface">
                                                    <img src="{{asset(auth('web')->user()->pic)}}" onerror="this.src='{{asset('settings/logo.e1.png')}}'"
                                                         alt="" class="w-100">

                                                    <a href="#!">
                                                        <div class="hover-overlay">
                                                            <div class="mask" style="background-color: rgba(253, 253, 253, 0.15);"></div>
                                                        </div>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-9 col-lg-9 col-xl-9">
                                                <h5>{{auth('web')->user()->name}}</h5>
                                                <span class="text-muted mt-2 mb-2">19-11-2022</span>

                                                <p class=" mb-4 mb-md-0">
                                                    There are many variations of passages of Lorem Ipsum available, but the
                                                    majority have suffered alteration in some form, by injected humour, or
                                                    randomised words which don't look even slightly believable.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 mt-3 mb-3">
                                <a class="btn btn-outline-primary-color1 full-width  fw-bold">@lang('word.delete')</a>
                            </div>
                            <div class="col-12 mt-3">
                                <div class="accordion-item">
                                    <h2 class="accordion-header border-primary-color1" id="headingTwo" style="border-radius: 0.25rem;">
                                        <button class="accordion-button collapsed comment-accordion-btn" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                            @lang('word.see-comments')
                                        </button>
                                    </h2>
                                    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <div class="col-12 mb-2">
                                                <div class="review full-width p-1">
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="d-flex">
                                                                <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                     width="70" height="70">
                                                                <div class="">
                                                                    <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                    <span class="text-muted small d-block">2 hours ago</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-12 ">
                                                            <div class="review-text">
                                                                ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row p-1">
                                                        <div class="col-4">
                                                            <a class="btn-gray fw-bold full-width">
                                                                <i class='bx bx-comment' ></i>
                                                                <span> @lang('word.reply')</span>
                                                            </a>
                                                        </div>
                                                        <div class="col-4">
                                                            <a class="btn-gray fw-bold full-width">
                                                                <i class='bx bx-heart' ></i>
                                                                <span> @lang('word.fav')</span>
                                                            </a>
                                                        </div>
                                                        <div class="col-4">
                                                            <a class="btn-gray fw-bold full-width">
                                                                <i class='bx bxs-flag-alt'></i>
                                                                <span> @lang('word.report')</span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div id="more-section2">
                                                <div class="col-12 mb-2">
                                                    <div class="review full-width p-1">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="d-flex">
                                                                    <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                         width="70" height="70">
                                                                    <div class="">
                                                                        <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                        <span class="text-muted small d-block">2 hours ago</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-12 ">
                                                                <div class="review-text">
                                                                    ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row p-1">
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-comment' ></i>
                                                                    <span> @lang('word.reply')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-heart' ></i>
                                                                    <span> @lang('word.fav')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bxs-flag-alt'></i>
                                                                    <span> @lang('word.report')</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-12 mb-2">
                                                    <div class="review full-width p-1">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="d-flex">
                                                                    <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                         width="70" height="70">
                                                                    <div class="">
                                                                        <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                        <span class="text-muted small d-block">2 hours ago</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-12 ">
                                                                <div class="review-text">
                                                                    ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row p-1">
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-comment' ></i>
                                                                    <span> @lang('word.reply')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-heart' ></i>
                                                                    <span> @lang('word.fav')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bxs-flag-alt'></i>
                                                                    <span> @lang('word.report')</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-12 mb-2">
                                                    <div class="review full-width p-1">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="d-flex">
                                                                    <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                         width="70" height="70">
                                                                    <div class="">
                                                                        <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                        <span class="text-muted small d-block">2 hours ago</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-12 ">
                                                                <div class="review-text">
                                                                    ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row p-1">
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-comment' ></i>
                                                                    <span> @lang('word.reply')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-heart' ></i>
                                                                    <span> @lang('word.fav')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bxs-flag-alt'></i>
                                                                    <span> @lang('word.report')</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-12 mb-2">
                                                    <div class="review full-width p-1">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="d-flex">
                                                                    <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                         width="70" height="70">
                                                                    <div class="">
                                                                        <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                        <span class="text-muted small d-block">2 hours ago</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-12 ">
                                                                <div class="review-text">
                                                                    ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row p-1">
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-comment' ></i>
                                                                    <span> @lang('word.reply')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-heart' ></i>
                                                                    <span> @lang('word.fav')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bxs-flag-alt'></i>
                                                                    <span> @lang('word.report')</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-12 mb-2">
                                                    <div class="review full-width p-1">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="d-flex">
                                                                    <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                         width="70" height="70">
                                                                    <div class="">
                                                                        <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                        <span class="text-muted small d-block">2 hours ago</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-12 ">
                                                                <div class="review-text">
                                                                    ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row p-1">
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-comment' ></i>
                                                                    <span> @lang('word.reply')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-heart' ></i>
                                                                    <span> @lang('word.fav')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bxs-flag-alt'></i>
                                                                    <span> @lang('word.report')</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-12 mb-2">
                                                    <div class="review full-width p-1">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="d-flex">
                                                                    <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                         width="70" height="70">
                                                                    <div class="">
                                                                        <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                        <span class="text-muted small d-block">2 hours ago</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-12 ">
                                                                <div class="review-text">
                                                                    ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row p-1">
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-comment' ></i>
                                                                    <span> @lang('word.reply')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-heart' ></i>
                                                                    <span> @lang('word.fav')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bxs-flag-alt'></i>
                                                                    <span> @lang('word.report')</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-12 mb-2">
                                                    <div class="review full-width p-1">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="d-flex">
                                                                    <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                         width="70" height="70">
                                                                    <div class="">
                                                                        <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                        <span class="text-muted small d-block">2 hours ago</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-12 ">
                                                                <div class="review-text">
                                                                    ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row p-1">
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-comment' ></i>
                                                                    <span> @lang('word.reply')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-heart' ></i>
                                                                    <span> @lang('word.fav')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bxs-flag-alt'></i>
                                                                    <span> @lang('word.report')</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-12 mb-2">
                                                    <div class="review full-width p-1">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="d-flex">
                                                                    <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                         width="70" height="70">
                                                                    <div class="">
                                                                        <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                        <span class="text-muted small d-block">2 hours ago</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-12 ">
                                                                <div class="review-text">
                                                                    ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row p-1">
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-comment' ></i>
                                                                    <span> @lang('word.reply')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-heart' ></i>
                                                                    <span> @lang('word.fav')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bxs-flag-alt'></i>
                                                                    <span> @lang('word.report')</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-12 mb-2">
                                                    <div class="review full-width p-1">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <div class="d-flex">
                                                                    <img class="rounded-circle review-img" src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                                                                         width="70" height="70">
                                                                    <div class="">
                                                                        <span class="fw-bold d-block ">menna galal mohamed</span>
                                                                        <span class="text-muted small d-block">2 hours ago</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-12 ">
                                                                <div class="review-text">
                                                                    ماشاء الله ع الدكتورة شيماء - ادب واحترام واحترافية في التعامل - وافضل مايميزها انها تعطيك فرصة للتحدث وتسمع لك دون مقاطعة - انصح بالحجز معها بها بشدة

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row p-1">
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-comment' ></i>
                                                                    <span> @lang('word.reply')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bx-heart' ></i>
                                                                    <span> @lang('word.fav')</span>
                                                                </a>
                                                            </div>
                                                            <div class="col-4">
                                                                <a class="btn-gray fw-bold full-width">
                                                                    <i class='bx bxs-flag-alt'></i>
                                                                    <span> @lang('word.report')</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="col-12">
                                                <div class="text-end">
                                                    <button id="read-more2" class="text-end btn btn-primary-color1 fw-bold" onclick="ReadMoreOrLess2()">
                                                        @lang('word.read-more')
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    <script>
        function ReadMoreOrLess() {
          var moreSection = document.getElementById("more-section");
          var btnText = document.getElementById("read-more");

         if (btnText.textContent.includes('{{trans('word.read-more')}}'))
         {
            moreSection.style.display = "block";
            btnText.innerHTML = "{{trans('word.read-less')}}";

        }
         else
         {
             moreSection.style.display = "none";
            btnText.innerHTML = "{{trans('word.read-more')}}";
        }

        }

        function ReadMoreOrLess2() {
          var moreSection = document.getElementById("more-section2");
          var btnText = document.getElementById("read-more2");

         if (btnText.textContent.includes('{{trans('word.read-more')}}'))
         {
            moreSection.style.display = "block";
            btnText.innerHTML = "{{trans('word.read-less')}}";

        }
         else
         {
             moreSection.style.display = "none";
            btnText.innerHTML = "{{trans('word.read-more')}}";
        }

        }
    </script>
@endsection