@include('Admin.layouts.app')
@include('Admin.layouts.sidebar')
@section('title', 'Product View')
<!-- Begin Page Content -->
<div class="container-fluid">

    <!-- Page Heading -->
    <h1 class="h3 mb-2 text-gray-800">Product Details</h1>
    <!-- DataTales Example -->
    <div class="innerpagedetails card shadow mb-4">
        <div class="card-header">
            <h6 class="m-0 font-weight-bold text-primary"><a href="{{route('admin.products')}}"><i
                        class="fa fa-chevron-left"></i></a> Product Details</h6>
        </div>

        <section class="user-page">
            <div class=" mt-4">


                <div class=" mb-4">

                    <div class="card-body">

                        <div class="col-md-4 offset-md-4 user-profile mb-5">
                            <img src="{{$product->image}}" alt="Image">
                        </div>

                        <div class="row my-3">


                            <div class="col-lg-3">
                                <h4 class="mb-0">Product Name</h4>
                                <p class="text-18-black">{{$product->title}}</p>
                            </div>
                            <div class="col-lg-3">
                                <h4 class="mb-0">Product Details</h4>
                                <p class="text-18-black">{{$product->detail ?? '---'}}</p>
                            </div>
                            <div class="col-lg-3">
                                <h4 class="mb-0">Product Type</h4>
                                <p class="text-18-black">{{$product->type}}</p>
                            </div>

                            <div class="col-lg-3">
                                <h4 class="mb-0">Price</h4>
                                <p class="text-18-black">{{$product->price}} AED</p>
                            </div>
                            <div class="col-lg-3">
                                <h4 class="mb-0">Category</h4>
                                <p class="text-18-black">{{$product->Category}}</p>
                            </div>
                            <div class="col-lg-3">
                                <h4 class="mb-0">Date</h4>
                                <p class="text-18-black">{{ \Carbon\Carbon::parse($product->created_at)->format('F d, Y') }}</p>
                            </div>
                            <div class="col-lg-3">
                                <h4 class="mb-0">Status</h4>
                                @if($product->status =='Active')
                                    <p class="text-18-black text-success">{{$product->status}}</p>
                                @else
                                    <p class="text-18-black text-danger">{{$product->status}}</p>
                                @endif
                            </div>

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

        </section>

    </div>

</div>
<!-- /.container-fluid -->
</div>
<!-- End of Main Content -->


@include('Admin.layouts.footer')
@include('Admin.layouts.modal')