@extends('admin.layouts.layouts')

@section('title', 'View Product')

@section('content')
    <div class="page-header">
        <h3 class="page-title">
            Product
        </h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('product.index') }}">Product</a></li>
                <li class="breadcrumb-item active" aria-current="page">View</li>
            </ol>
        </nav>
    </div>
    <div class="container py-4">
        <div class="card shadow-sm rounded border-0">
            <div class="card-header bg-light d-flex justify-content-between align-items-center">
                <h5 class="mb-0 fw-bold">Product View</h5>
                <a href="{{ route('product.index') }}" class="btn btn-primary btn-sm">
                    &larr; Back
                </a>
            </div>

            <div class="card-body bg-white">
                <div class="row">
                    <div class="col-md-6">
                        <div class="row mb-2">
                            <div class="col-md-3 fw-bold text-dark"><b>ID:</b></div>
                            <div class="col-md-9">{{ $showDetails->id ?? '' }}</div>
                        </div>

                        <div class="row mb-2">
                            <div class="col-md-3 fw-bold text-dark"><b>Name:</b></div>
                            <div class="col-md-9">{{ $showDetails->name ?? '-' }}</div>
                        </div>

                        <div class="row mb-2">
                            <div class="col-md-3 fw-bold text-dark"><b>Description:</b></div>
                            <div class="col-md-9">{{ $showDetails->description ?? '' }}</div>
                        </div>

                        <div class="row mb-2">
                            <div class="col-md-3 fw-bold text-dark"><b>Rate:</b></div>
                            <div class="col-md-9">{{ $showDetails->rate ?? '' }}</div>
                        </div>



                        <div class="row mb-2">
                            <div class="col-md-3 fw-bold text-dark"><b>Image:</b></div>
                            <div class="col-md-9">
                                @if ($showDetails->image)
                                    <img src="{{ asset('storage/' . $showDetails->image) }}" alt="Pesticide Image"
                                        class="img-fluid" width="50" height="50">
                                @else
                                    <span class="text-muted">No image available</span>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="row mb-2">
                            <div class="col-md-3 fw-bold text-dark"><b>Start Date:</b></div>
                            <div class="col-md-9">
                                {{ $showDetails->start_date ? \Carbon\Carbon::parse($showDetails->start_date)->format('d-m-Y') : '' }}
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-md-3 fw-bold text-dark"><b>End Date:</b></div>
                            <div class="col-md-9">
                                {{ $showDetails->end_date ? \Carbon\Carbon::parse($showDetails->end_date)->format('d-m-Y') : '' }}
                            </div>
                        </div>

                        <div class="row mb-2">
                            <div class="col-md-3 fw-bold text-dark"><b>Created By:</b></div>
                            <div class="col-md-9">{{ $showDetails->users->name ?? '-' }}</div>
                        </div>

                        <div class="row mb-2">
                            <div class="col-md-3 fw-bold text-dark"><b>Created At:</b></div>
                            <div class="col-md-9">{{ $showDetails->created_at->format('d-m-Y h:i A') ?? '' }}</div>
                        </div>

                        <div class="row mb-2">
                            <div class="col-md-3 fw-bold text-dark"><b>Status:</b></div>
                            <div class="col-md-9">
                                @php
                                    $status = [
                                        0 => ['text' => 'Deactive', 'class' => 'badge badge-warning badge-pill'],
                                        1 => ['text' => 'Active', 'class' => 'badge badge-info badge-pill'],
                                    ];
                                    $current = $status[$showDetails->status] ?? [
                                        'text' => 'Unknown',
                                        'class' => 'badge rounded-pill bg-secondary',
                                    ];
                                @endphp
                                <span
                                    class="badge rounded-pill px-3 py-2 {{ $current['class'] }}">{{ $current['text'] }}</span>
                            </div>
                        </div>


                    </div>
                </div>


            </div>
        </div>

    </div>
    <div class="container py-4">

        <div class="card shadow-sm rounded border-0">
            <div class="card-header bg-light d-flex justify-content-between align-items-center">
                <h5 class="mb-0 fw-bold">Product History</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table id="product-history-table" class="table w-100">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Name</th>
                                        <th>Rate</th>
                                        <th>Start Date</th>
                                        <th>End Date</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('page-js')
    <script type="text/javascript">
        var productId = "{{ $showDetails->id }}";
        var productStore = "{{ route('product.store') }}";
        var productIndexURL = "{{ route('product.index') }}";
        var productAjaxList = "{{ route('product-list') }}";
        var productHistoryAjaxList  = "{{ route('product-history-list') }}";
    </script>
    <script src="{{ asset('assets/js/admin/product.js') }}"></script>
@endsection