@extends('admin.include.master')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>View Product <span class="text-info">#{{ $Product->ProductName }}</span></h1>
        </div>
        <div class="col-sm-6 text-right">
          @if ($Product->IsDeleted=='0')
        <button type="submit" class="btn btn-sm btn-info mx-1"  data-id="{{ $Product->ProductId }}"
          onclick="editRecord('{{ $Product->ProductId }}')">Edit </button>
        @endif
       
        <button type="submit" class="btn btn-sm btn-outline-info" data-id="{{ $Product->ProductId }}" onclick="deleteTemp('{{ $Product->ProductId }}');">Delete</button>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

  <!-- Main content -->
  <section class="content">
    <div class="row">
      <div class="col-md-6">
        <div class="card card-primary">
          <div class="card-header">
            <h3 class="card-title">Product Info</h3>

            <div class="card-tools">
              <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                <i class="fas fa-minus"></i>
              </button>
            </div>
          </div>
          <div class="card-body">
            <div class="row">
              <label for="inputName" class="col-sm-4">Product Name:</label>
              <div class="col-sm-8">
                <p class="">{{ $Product->ProductName }}</p>
              </div>
            </div>
            
            <div class="row">
              <label for="inputName" class="col-sm-4">Code:</label>
              <div class="col-sm-8">
                <p class="">{{ $Product->ProductCode }}</p>
              </div>
            </div>
            <div class="row">
              <label for="inputName" class="col-sm-4">Family:</label>
              <div class="col-sm-8">
                <p class="">{{ $Product->Family }}</p>
              </div>
            </div>
            <div class="row">
              <label for="inputName" class="col-sm-4">UOM:</label>
              <div class="col-sm-8">
                <p class="">{{ $Product->Unit }}</p>
              </div>
            </div>
            <div class="row">
              <label for="inputName" class="col-sm-4">GST Slab:</label>
              <div class="col-sm-8">
                <p class="">{{ $Product->GstSlab }}%</p>
              </div>
            </div>
            <div class="row">
              <label for="inputName" class="col-sm-4">Created Date:</label>
              <div class="col-sm-8">
                <p class="">{{ date('d-M-y, h:i a', strtotime($Product->Created_at)) }}</p>
              </div>
            </div>
            <div class="row">
              <label for="inputName" class="col-sm-4">Created By:</label>
              <div class="col-sm-8">
                <p class="">{{ $Product->Created_by }}</p>
              </div>
            </div>
            <div class="row">
              <label for="inputName" class="col-sm-4">Last Updated Date:</label>
              <div class="col-sm-8">
                <p class="">{{ date('d-M-y, h:i a', strtotime($Product->Updated_at)) }}</p>
              </div>
            </div>
            <div class="row">
              <label for="inputName" class="col-sm-4">Last Updated By:</label>
              <div class="col-sm-8">
                <p class="">{{ $Product->Updated_by }}</p>
              </div>
            </div>
            <div class="row">
              <label for="inputName" class="col-sm-4">Description:</label>
              <div class="col-sm-8">
                <p class="">{{ $Product->Description }}</p>
              </div>
            </div>
            
            <div class="row">
              <label for="inputName" class="col-sm-4">Status:</label>
              <div class="col-sm-8">
                @if ($Product->Status=='1')
                      <a href="{{ url('/status-update-product',$Product->id) }}" class="btn btn-success bg-success btn-xs" data-toggle="tooltip" data-placement="top" title="Click to De-activate" data-id="{{ $Product->id }}">Active</a>
                      @else
                      <a href="{{ url('/status-update-product',$Product->id) }}" class="btn btn-danger btn-xs" data-toggle="tooltip" data-placement="top" title="Click to Activate">InActive</a>
                      @endif
              </div>
            </div>
          </div>
          <!-- /.card-body -->
        </div>
        <!-- /.card -->
      </div>
      <div class="col-md-6">
        <div class="card card-primary">
          <div class="card-header">
            <h3 class="card-title">Product Image</h3>

            <div class="card-tools">
              <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                <i class="fas fa-minus"></i>
              </button>
            </div>
          </div>
          <div class="card-body">
            <p class=""><strong>Image:</strong></p>
            <div class="text-center">
             <a href="{{ asset($Product->ThumbnailUrl) }}" title="Download" download="{{ $Product->ProductName }}"><img class="img-fluid" src="{{ asset($Product->ThumbnailUrl) }}" alt="Product File" style="max-width: 50%;"></a>
            </div> 
          </div>
          <!-- /.card-body -->
        </div>
        <!-- /.card -->
      </div>
    </div>
      <div class="row text-center">
      <div class="col-12">
        <div class="d-flex align-items-center justify-content-center">
        <!-- <button type="submit" class="btn btn-sm btn-info mx-1" data-toggle="modal" data-target="#editProduct" >Edit</button> -->
        @if ($Product->IsDeleted=='0')
        <button type="submit" class="btn btn-sm btn-info mx-1"  data-id="{{ $Product->ProductId }}"
          onclick="editRecord('{{ $Product->ProductId }}')">Edit </button>
        @endif
        
          <button type="submit" class="btn btn-sm btn-outline-info" data-id="{{ $Product->ProductId }}" onclick="deleteTemp('{{ $Product->ProductId }}');">Delete</button>
        </div>
      </div>
    </div><br /><br />
    </div>
    
  </section>
  <!-- /.content -->
  
<x-ProductModal/>
</div>
<!-- /.content-wrapper -->
@endsection