@extends('admin.layouts.app')
@section('title', 'Show Single product')

@push('styles')


@endpush


@section('admin_content')



<div class="container-fluid">
    <div class="row clearfix">
        <div class="col-lg-12 col-md-12 col-sm-12 mt-4">
            <div class="card">
                <div class="card-header">
                    <h4> Product Details :  <span><a href="{{ route('product.index') }}" class="btn btn-primary right">
                        All Product
                   </a></span></h4>
                </div>
                <div class="card-body">
                    <div class="row-clearfix">
                        <div class="col-md-12 col-lg-12">

                        </div>
                    </div>
                    <table class="table table-bordered table-responsive">
                        <thead>

                            @php
                                    $images = json_decode($product->product_images, true);

                                @endphp

                        </thead>
                        <tbody>
                            <tr>
                                <td style="width: 30%"><b>Product Name</b></td>
                                <td>{{ $product->product_name }}</td>
                            </tr>
                            <tr>
                                <td style="width: 30%"><b>Product Purchese Price</b></td>
                                <td>{{ $product->purches_price }}</td>
                            </tr>
                            <tr>
                                <td style="width: 30%"><b>Product Selling Price</b></td>
                                <td>{{ $product->selling_price }}</td>
                            </tr>
                            <tr>
                                <td style="width: 30%"><b>Product Description</b></td>
                                <td>{!! $product->product_description !!}</td>
                            </tr>
                            <tr>
                                <td style="width: 30%"><b>Video embeded code</b></td>
                                <td>{{ $product->video }}</td>
                            </tr>
                            <tr>
                                <td style="width: 30%"><b>Admin</b></td>
                                <td>{{ $product->admin_id }}</td>
                            </tr>
                            <tr>
                                <td style="width: 30%"><b>Product Thumbnail</b></td>
                                <td><img style="border: 1px solid #ccc"  src="{{ asset('uploads/product_gallery/'.$product->product_thumbnail) }}" alt="" width="100"></td>
                            </tr>

                            <tr>
                                <td style="width: 30%"><b>Product Multiple Images</b></td>
                                <td>
                                    @foreach ($images as $image)
                                    <img style="border: 1px solid #ccc" src="{{ asset('uploads/product_gallery/'.implode(',', $image)) }}" width="100" alt="image">
                                    @endforeach
                                </td>
                            </tr>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection

@push('scripts')



@endpush