@extends('layouts.layout_common')
@section('title', 'Blog Details || KLINIK PKP JAWA 3')
@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/module-css/page-header.css') }}">
@endpush

@section('content')

    <x-page_header title="Blog Details" subtitle="Blog Details" />


    <!--Page Header End-->

    <!-- Blog Details Start-->
    <section class="blog-details">
        <div class="container">
            <div class="row">
                <div class="col-xl-8 col-lg-7">
                    <div class="blog-details__content">
                        <div class="blog-details__img-1">
                            <div class="inner">
                                <img src="{{ asset('assets/images/blog/blog-details-img-1.jpg') }}" alt="">
                            </div>
                        </div>

                        <div class="blog-details__content-meta-box">
                            <ul class="list-unstyled">
                                <li>
                                    <div class="img-box">
                                        <img src="{{ asset('assets/images/blog/blog-details-client-img-1.jpg') }}"
                                            alt="">
                                    </div>

                                    <div class="text-box">
                                        <p>BY-Admin</p>
                                    </div>
                                </li>

                                <li>
                                    <div class="icon">
                                        <span class="icon-calendar"></span>
                                    </div>

                                    <div class="text-box">
                                        <p>October 8,2023</p>
                                    </div>
                                </li>

                                <li>
                                    <div class="icon">
                                        <span class="icon-bubble-chat-1"></span>
                                    </div>

                                    <div class="text-box">
                                        <p>Comment(5)</p>
                                    </div>
                                </li>
                            </ul>
                        </div>

                        <div class="blog-details__content-text1">
                            <h2>The Legend of Honest Charlie</h2>
                            <p>Your team's brilliance, determination, and confidence will drive you to conquer new
                                frontiers; greatness lies within you. greatnes lies within w ill driveYour team's
                                brilliance, determination, and confidence will drive you to conquer new frontiers;
                                greatness lies within you. greatnes lies within w ill driveYour team's brilliance,
                                determination, and confidence will drive you to conquer new frontiers; greatness
                                lies within you. </p>
                        </div>

                        <div class="blog-details__content-img-1">
                            <div class="row">
                                <div class="col-xl-6 col-lg-6 col-md-6">
                                    <div class="single-img">
                                        <img src="{{ asset('assets/images/blog/blog-details-content-img-1.jpg') }}"
                                            alt="">
                                    </div>
                                </div>

                                <div class="col-xl-6 col-lg-6 col-md-6">
                                    <div class="single-img">
                                        <img src="{{ asset('assets/images/blog/blog-details-content-img-2.jpg') }}"
                                            alt="">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="blog-details__content-text2">
                            <h2>We have won against criminal case.</h2>
                            <p>Your team's brilliance, determination, and confidence will drive you to conquer new
                                frontiers; greatness lies within you. greatnes lies within driveYour team's
                                brilliance, determination, and confidence will drive you to conquer new frontiers;
                                greatness lies within you. greatnes lies within w ill driveYour team's brilliance,
                                determination, and confidence will drive you to conquer new frontiers; greatness
                                lies within you. greatnes lies within w ill drive</p>
                        </div>

                        <div class="blog-details__content-text3">
                            <div class="row">
                                <div class="col-xl-6">
                                    <div class="blog-details__content-text3-text">
                                        <ul class="list-unstyled">
                                            <li>
                                                <p><span class="icon-right-arrow"></span> Sed ut perspiciatis unde
                                                    omniccusantium
                                                </p>
                                            </li>

                                            <li>
                                                <p><span class="icon-right-arrow"></span> Ut enim ad minima
                                                    veniam, quis nostrum exercita
                                                </p>
                                            </li>

                                            <li>
                                                <p><span class="icon-right-arrow"></span> Quis autem vel eum iure
                                                    reprehenderit qui in ea
                                                </p>
                                            </li>

                                            <li>
                                                <p><span class="icon-right-arrow"></span> Excepteur sint occaecat
                                                    cupidatat
                                                </p>
                                            </li>

                                            <li>
                                                <p><span class="icon-right-arrow"></span> Excepteur sint occaecat
                                                    cupidatat non proident,
                                                </p>
                                            </li>

                                            <li>
                                                <p><span class="icon-right-arrow"></span> Quis autem vel eum iure
                                                    reprehenderit
                                                </p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="col-xl-6">
                                    <div class="blog-details__content-text3-img">
                                        <div class="inner">
                                            <div class="blog-details__video-link">
                                                <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                                    <div class="blog-details__video-icon">
                                                        <span class="icon-play-button-arrowhead"></span>
                                                        <i class="ripple"></i>
                                                    </div>
                                                </a>
                                            </div>
                                            <img src="{{ asset('assets/images/blog/blog-details-video-img.jpg') }}"
                                                alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="blog-details__content-text4">
                            <p>Your team's brilliance, determination, and confidence will drive you to conquer new
                                frontiers; greatness lies within you. greatnes lies within w ill driveYour team's
                                brilliance, determination, and confidence will drive you to conquer new frontiers;
                                greatness lies within you. greatnes lies within w ill driveYour team's brilliance,
                                determination, and confidence will drive you to conquer new frontiers; greatness
                                lies within you. greatnes lies within w ill drive</p>
                        </div>

                        <div class="blog-details__content-text5">
                            <div class="blog-details__content-text5-tag">
                                <div class="title-box">
                                    <h2>Tags:</h2>
                                </div>

                                <ul class="list-unstyled">
                                    <li><a href="#">#KlinikPKPJawa3</a></li>
                                    <li><a href="#">#Lawyer</a></li>
                                </ul>
                            </div>


                            <div class="blog-details__content-text5-share">
                                <div class="title-box">
                                    <p>Share Now</p>
                                </div>

                                <ul class="list-unstyled">
                                    <li><a href="#"><span class="icon-facebook-app-symbol"></span></a></li>
                                    <li><a href="#"><span class="icon-instagram"></span></a></li>
                                    <li><a href="#"><span class="icon-twitter"></span></a></li>
                                    <li><a href="#"><span class="icon-linkedin"></span></a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="blog-details__content-text6">
                            <div class="img-box">
                                <img src="{{ asset('assets/images/blog/blog-details-author-img-1.jpg') }}" alt="">
                            </div>

                            <div class="content-box">
                                <h2>Alex Micle</h2>
                                <p>Your team's brilliance, determination, and confidence will drive you to conquer
                                    new frontiers; greatness lies within you. greatnes lies within will driveYour
                                    team's brilliance, determination, and confidence will drive you</p>

                                <div class="social-links">
                                    <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                                    <a href="#"><span class="icon-instagram"></span></a>
                                    <a href="#"><span class="icon-twitter"></span></a>
                                    <a href="#"><span class="icon-linkedin"></span></a>
                                </div>
                            </div>
                        </div>

                        <div class="comment-one">
                            <div class="title-box">
                                <h2>2 Comments</h2>
                            </div>

                            <div class="comment-one__single">
                                <div class="comment-one__single-inner">
                                    <div class="comment-one__img">
                                        <img src="{{ asset('assets/images/blog/blog-details-comment-img-1.jpg') }}"
                                            alt="">
                                    </div>

                                    <div class="comment-one__content">
                                        <div class="comment-one__content-title">
                                            <h2>Cameron Williamson</h2>
                                            <p>3 Hours Ago</p>
                                        </div>

                                        <p>Your team's brilliance, determination, and confidence will drive you to
                                            conquer new frontiers; greatness lies within you. greatnes lies.</p>

                                        <div class="btn-box">
                                            <a href="#">Reply</a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="comment-one__single style2">
                                <div class="comment-one__single-inner">
                                    <div class="comment-one__img">
                                        <img src="{{ asset('assets/images/blog/blog-details-comment-img-2.jpg') }}"
                                            alt="">
                                    </div>

                                    <div class="comment-one__content">
                                        <div class="comment-one__content-title">
                                            <h2>Jons kihan</h2>
                                            <p>3 Hours Ago</p>
                                        </div>

                                        <p>Your team's brilliance, determination, and confidence will drive you to
                                            conquer new frontiers; greatness lies within you. greatnes lies within w
                                            ill driveYour team's brilliance</p>

                                        <div class="btn-box">
                                            <a href="#">Reply</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="comment-form">
                            <div class="title-box">
                                <h2>Leave a Reply</h2>
                                <p>Your email address will not be published. Required fields are marked *</p>
                            </div>

                            <form class="contact-form-validated comment-form__form" action="assets/inc/sendemail.php"
                                method="post" novalidate="novalidate">
                                <div class="row">
                                    <div class="col-xl-6 col-lg-6 col-md-6">
                                        <div class="input-box">
                                            <input type="text" name="name" placeholder="Name" required="">
                                            <div class="icon"><span class="icon-user"></span></div>
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lg-6 col-md-6">
                                        <div class="input-box">
                                            <input type="email" name="email" placeholder="Email" required="">
                                            <div class="icon"><span class="icon-email"></span></div>
                                        </div>
                                    </div>

                                    <div class="col-xl-12">
                                        <div class="input-box">
                                            <textarea name="message" placeholder="Message"></textarea>
                                            <div class="icon style2"><span class="fas fa-pen"></span></div>
                                        </div>
                                    </div>

                                    <div class="col-xl-12">

                                        <div class="comment-form__checkbox">
                                            <input type="checkbox" name="agree " id="agree" checked>
                                            <label for="agree"><span></span>Save my name, email, and website in this
                                                browser for the next time I comment.</label>
                                        </div>



                                        <div class="comment-form__form-btn">
                                            <button type="submit" class="thm-btn">
                                                <span class="thm-btn-text">Send A Message</span>
                                                <span class="thm-btn-icon-box"><i class="fas fa-arrow-right"></i></span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <div class="result"></div>

                        </div>
                    </div>
                </div>

                <!--Start Sidebar-->
                <div class="col-xl-4 col-lg-5">
                    <div class="sidebar">
                        <!--Start Sidebar Single-->
                        <div class="sidebar__single sidebar__search wow fadeInUp" data-wow-delay=".1s">
                            <form action="#" class="sidebar__search-form">
                                <input type="search" placeholder="Search...">
                                <button type="submit"><i class="fa fa-search"></i></button>
                            </form>
                        </div>
                        <!--End Sidebar Single-->


                        <!--Start Sidebar Single-->
                        <div class="sidebar__single sidebar__category wow fadeInUp" data-wow-delay=".1s">
                            <h3 class="sidebar__title">Categories</h3>
                            <ul class="sidebar__category-list list-unstyled">
                                <li><a href="#">Property Law <span>(12)</span></a></li>
                                <li class="active"><a href="#">Family Law
                                        <span>(15)</span></a></li>
                                <li><a href="#">Criminal Law <span>(08)</span></a></li>
                                <li><a href="#">Business Law <span>(20)</span></a></li>
                                <li><a href="#">Education Law <span>(14)</span></a></li>
                            </ul>
                        </div>
                        <!--End Sidebar Single-->

                        <!--Start Sidebar Single-->
                        <div class="sidebar__single sidebar__post wow fadeInUp" data-wow-delay=".1s">
                            <h3 class="sidebar__title">Recent Post</h3>
                            <div class="sidebar__post-box">
                                <div class="sidebar__post-single">
                                    <div class="sidebar-post__img">
                                        <img src="{{ asset('assets/images/blog/recent-post-img-1.jpg') }}" alt="">
                                    </div>
                                    <div class="sidebar__post-content-box">
                                        <h3><a href="#">whether individuals have a right to choose to die</a></h3>
                                    </div>
                                </div>

                                <div class="sidebar__post-single">
                                    <div class="sidebar-post__img">
                                        <img src="{{ asset('assets/images/blog/recent-post-img-2.jpg') }}"
                                            alt="">
                                    </div>
                                    <div class="sidebar__post-content-box">
                                        <h3><a href="#">whether a life-support machine should be switched off</a>
                                        </h3>
                                    </div>
                                </div>

                                <div class="sidebar__post-single">
                                    <div class="sidebar-post__img">
                                        <img src="{{ asset('assets/images/blog/recent-post-img-3.jpg') }}"
                                            alt="">
                                    </div>
                                    <div class="sidebar__post-content-box">
                                        <h3><a href="#">whether life support should be maintained</a></h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--End Sidebar Single-->

                        <!--Start Sidebar Single-->
                        <div class="sidebar__single sidebar__tags wow fadeInUp" data-wow-delay=".1s">
                            <h3 class="sidebar__title">Tags Cloud</h3>
                            <ul class="sidebar__tags-list clearfix list-unstyled">
                                <li><a href="#">Family</a></li>
                                <li><a href="#">Accident</a></li>
                                <li><a href="#">Criminal</a></li>
                                <li><a href="#">Lawyer</a></li>
                                <li><a href="#">Personal</a></li>
                                <li><a href="#">Injury</a></li>
                                <li><a href="#">Attorney</a></li>
                                <li><a href="#">Business</a></li>
                            </ul>
                        </div>
                        <!--End Sidebar Single-->

                    </div>
                </div>
                <!--End Sidebar-->
            </div>
        </div>
    </section>
    <!--Blog Details End-->

    <x-footer_one />
@endsection
