@extends('layouts.admin.app')

@section('content')

<style>
    .pdT{
        padding: 20px;
    }
</style>

<!-- Page Wrapper -->
<div class="page-wrapper">
	<!-- Page Content -->
    <div class="content container-fluid">
        <div class="crms-title row bg-white">
            <div class="col">
                <h3 class="page-title m-0">
                <span class="page-title-icon bg-primary text-white mr-2">
                    <i class="fa fa-user-o" aria-hidden="true"></i>
                </span>Products Details</h3>
            </div>
            <div class="col text-right">
                <ul class="breadcrumb bg-white float-right m-0 pl-0 pr-0">
                    <li class="breadcrumb-item"><a href="{{url('/admin/home')}}">Dashboard</a></li>
                    <li class="breadcrumb-item active">Product</li>
                </ul>
            </div>
        </div>
        
        <!-- Page Header -->
        <div class="page-header pt-3 mb-0 ">
            <div class="row">
                <div class="col"> 
                </div>
                <div class="col text-right">
                    <ul class="list-inline-item pl-0">
                        <li class="list-inline-item">
                            <a href="{{ route('products.index') }}" class="add btn btn-primary font-weight-bold text-white todo-list-add-btn btn-rounded">Back</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- /Page Header -->
        
        <!-- Content Starts -->
        <div class="row">
            <div class="col-md-12">
                <div class="card mb-0">
                    @if ($message = Session::get('error'))
                        <div class="alert alert-danger alert-block">
                            <button type="button" class="close" data-dismiss="alert">×</button>	
                                <strong>{{ $message }}</strong>
                        </div>
                    @endif

                    @if ($message = Session::get('success'))
                        <div class="alert alert-success alert-block">
                            <button type="button" class="close" data-dismiss="alert">×</button>	
                                <strong>{{ $message }}</strong>
                        </div>
                    @endif
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4 pdT">
                                <b>Product Name</b>: {{ $productImage['product_name'] }}
                            </div>
                            <div class="col-md-4 pdT">
                                <b>Category</b>: {{ $productImage['category_name'] }}
                            </div>
                            <div class="col-md-4 pdT">
                                <b>Sub Category</b>: {{ $productImage['child_category_name'] }}
                            </div>
                            <div class="col-md-4 pdT">
                                <b>Price (Actual)</b>: ${{ $productImage['regular_price'] }}
                            </div>
                            <div class="col-md-4 pdT">
                                <b>Discount Price</b>: ${{ $productImage['selling_price'] }}
                            </div>
                            <div class="col-md-4 pdT">
                                @if ($productImage['status'] === 1)
                                    <span class="badge badge-success">Active</span>
                                @else
                                    <span class="badge badge-warning">In-active</span>
                                @endif
                            </div>
                            <div class="col-md-6 pdT">
                                <img src="{{ URL::asset('storage/product/thumbnail/'. $productImage['product_image']) }}" height="80" width="80">
                            </div>
                        </div>
                        <hr>
                        <h4>Manage Products Images</h4>
                        <form name="addImageForm" id="addImageForm" method="post" action="{{ url('admin/add-images/'.$productImage['id']) }}" enctype="multipart/form-data">@csrf
                            <input type="hidden" name="product_id" value="{{ $productImage['id'] }}">        
                            <div class="form-group fieldGroup">
                                <div class="row">
                                    <div class="col-md-5">
                                        <input type="file" name="image[]" class="form-control" multiple required=""/>
                                    </div>
                                </div>
                            </div>
                            <input type="submit" name="submit" class="btn btn-primary" value="Add Images"/>                            
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- /Content End -->
        <hr>

        <div class="row mt-3">
            <div class="col-md-12">
                <div class="card mb-0">
                    <div class="card-body">
                        <h4>Added Images</h4>
                        <div class="table-responsive">
                            <table class="table table-striped table-nowrap custom-table mb-0 datatable">
                                <thead>
                                    <tr>
                                        <th>Id</th>
                                        <th>Image</th>
                                        <!--th>Status</th-->
										<th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                @foreach ($productImage['productimages'] as $productimage)
                                    <input type="text" name="imageId[]" value="{{$productimage['id']}}" style="display:none">
                                    <tr>
                                        <td>{{$productimage['id']}}</td>
                                        <td>
											<img src="{{ URL::asset('product/gallery/small/'. $productimage['image']) }}" height="80" width="80">
										</td>
                                        <!---<td>
											@if ($productImage['status'] === 1)
												<span class="badge badge-success">Active</span>
											@else
												<span class="badge badge-warning">In-active</span>
											@endif										
										</td>--->
										<td>
											<form action="{{ url('admin/delete-gallery/'.$productimage['id']) }}" method="POST">
											@csrf
											@method('DELETE')
											<button type="submit" class="btn btn-danger btn-sm"><i class="fa fa-trash" aria-hidden="true"></i></button>   
											</form> 
										</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                           
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
    <!-- /Page Content -->
    
</div>
<!-- /Page Wrapper -->

@endsection