@extends('admin/layout')
@section('page_title','View Products')
@section('product_select','active')
@section('all_product_select','active')
@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        {{$product_info->name}}
        <small>Product View</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="javascript:void(0)"><i class="fa fa-dashboard"></i>Dashboard</a></li>
        <li class="active">Products</li>
    </ol>
</section>


<section class="content">
    <!-- Info boxes -->
    <div class="row">

        <div class="col-md-12">
            <div class="success_message"></div>
            <div class="box box-warning">
                <div class="box-header with-border">
                    <div class="d-flex justify-content-end text-right">
                        <a href="{{url('admin/products')}}" class="btn btn-danger"><i
                                class="fa fa-arrow-circle-left "></i>&nbsp;&nbsp;Back</a>
                    </div>
                </div>
                <div class="box-body">
                    <div class="col-md-12">
                        <h3>Master Info:</h3>
                        <div class="">
                            <table class="table table-borderless table-sm table-responsive border-left-1" 
                            style="min-width: 300px; max-width: 60%; border-left: 5px solid green;">
                                <tr>
                                    <th style="width: 150px;">Brand Name</th>
                                    <td style="width: 5px;">:</td>
                                    <td>{{$product_info->brand_name}}</td>
                                </tr> 
                                <tr>
                                    <th>Origin</th>
                                    <td>:</td>
                                    <td>{{$product_info->origin}}</td>
                                </tr>
                                @if($product_info->company_name)
                                <tr>
                                    <th>Company Name</th>
                                    <td>:</td>
                                    <td>{{$product_info->company_name}}</td>
                                </tr>
                                @endif
                            </table>
                        </div>
                        
                        <h3>Product Info:</h3>
                        <div class="">
                            <table class="table table-borderless table-sm table-responsive border-left-1" 
                            style="min-width: 300px; max-width: 60%; border-left: 5px solid green;">
                                <tr>
                                    <th style="width: 150px;">Category Name</th>
                                    <td style="width: 5px;">:</td>
                                    <td>{{$product_info->cat_name}}</td>
                                </tr> 
                                <tr>
                                    <th style="width: 150px;">Product Name</th>
                                    <td style="width: 5px;">:</td>
                                    <td>{{$product_info->name ?? ''}}</td>
                                </tr> 
                                <tr>
                                    <th>Unit</th>
                                    <td>:</td>
                                    <td>{{$product_info->unit ?? '' }}</td>
                                </tr>   
                                <tr>
                                    <th>Price</th>
                                    <td>:</td>
                                    <td>{{$product_info->price ?? 0 }}</td>
                                </tr>   
                                <tr>
                                    <th>Specification</th>
                                    <td>:</td>
                                    <td>{{$product_info->specification ?? '' }}</td>
                                </tr>
                                <tr>
                                    <th>Description</th>
                                    <td>:</td>
                                    <td>{!! $product_info->desc ?? '' !!}</td>
                                </tr>
                            </table>
                        </div>
                        
                        <img class="img-responsive" src="{{asset('common_image/products/'.$product_info->image)}}" alt="">
                        
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
        </div>

    </div>
    <!-- /.row -->
</section>
@endsection

@section('scripts')
<script>
    CKEDITOR.replace('desc')
</script>
@endsection