@extends('Admin.master_page')
@section('small_title')
About Category
@endsection
@section('content')
                <div class="page-content">
                    <div class="container-fluid">
                       <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                                    <h4 class="mb-sm-0 font-size-18">Details</h4>

                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="{{route('dashboard.index')}}">Dashboard</a></li>
                                            <li class="breadcrumb-item active">About</li>
                                        </ol>
                                    </div>

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

                     <hr>
                     <!-- end page title -->
                     <div class="row">
                        <div class="col-md-6">

                            <div class="row">
                        <div class="col-md-12 mt-3">
                            <h3>English Title</h3>
                            <p>{{$about->title}}</p>
                        </div>

                         <div class="col-md-12 mt-3">
                            <h3>Dari Title</h3>
                            <p>{{$about->da_title}}</p>
                        </div>

                        <div class="col-md-12 mt-3">
                            <h3>Pashto Title</h3>
                            <p>{{$about->pa_title}}</p>
                         </div>
                       </div>
                        </div>
                        <div class="col-md-6">
                            <div class="col-md-8 mt-3">

                            <img  style="width: 100%" src="{{render_image_path($about->image)}}"/>
                         </div>
                        </div>
                    </div>

                    <div class="row">
                         <div class="col-md-12 mt-3">
                            <h3>English Description</h3>
                            <p>{!!$about->description!!}</p>
                        </div>

                          <div class="col-md-12 mt-3" style="direction: rtl">
                            <h3>Dari Description</h3>
                            <p>{!!$about->da_description!!}</p>
                        </div>

                          <div class="col-md-12 mt-3" style="direction: rtl">
                            <h3>Pashto Description</h3>
                            <p>{!!$about->pa_description!!}</p>
                        </div>
                    </div>


</div>
<!-- container-fluid -->
</div>
<!-- End Page-content -->



@endsection




