@php
    if (empty($product)) {
        $product_id = '';
        $product_code = '';
        $product_name = '';
        $product_price = '';
        $product_weight = '';
        $product_quantity = '';
        $product_unit = '';
        $product_type = '';
        $product_description = '';
        $product_min_stock_alert = '';
        $product_max_request_per_order = '';
        // $product_stock = '';
        $product_status = '';
        $product_image = '';
    } else {
        $product_id = $product->product_id;
        $product_code = $product->product_code;
        $product_name = $product->product_name;
        $product_price = $product->product_price;
        $product_weight = $product->product_weight ?? '';
        $product_quantity = $product->product_quantity;
        $product_unit = $product->product_unit;
        $product_type = $product->product_type;
        $product_description = $product->product_description;
        $product_min_stock_alert = $product->product_min_stock_alert;
        $product_max_request_per_order = $product->product_max_request_per_order;
        // $product_stock = $product->product_stock;
        $product_status = $product->product_status;
        $product_image = $product->product_image;
    }

@endphp

@extends('layouts.master')
@section('title', 'Product Add/Edit')

@section('style')
    <style></style>
@endsection

@section('script')
    <script></script>
@endsection

@section('content')
    @include('layouts.header')

    @include('layouts.title')


    <section class="wrapper bg-light">

        <div class="container py-14 py-md-16">
            <div class="row gx-lg-8 gx-xl-12">

                <div class="d-flex justify-content-between align-items-center mb-3">
                    <div>
                        <span class="text-dark fs-30">@yield('title')</span>
                    </div>
                </div>


                <div class="col-lg-12">
                    <div class="blog single">
                        <div class="card">
                            <div class="card-body">
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul class="mb-0">
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                <form action="{{ url('/productedit') }}" class="text-start mb-3" method="post"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <input type="text" name="product_id" value="{{ $product_id }}" hidden>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-floating mb-4">
                                                <input id="product_image" type="file" class="form-control"
                                                    name="product_image" accept="image/*">
                                                <label for="product_image">Product Image</label>
                                            </div>
                                            @if (!empty($product_image))
                                                <div class="mb-2">
                                                    <p>Current Image:</p>
                                                    <img src="{{ asset('product_images/' . $product->product_image) }}"
                                                        alt="Product Image" style="max-height: 150px;">
                                                </div>
                                            @endif
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $product_name }}" placeholder="" name="product_name">
                                                <label for="textInputExample">Product Name*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $product_code }}" placeholder="" name="product_code">
                                                <label for="textInputExample">Product Code*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $product_price }}" placeholder="" name="product_price">
                                                <label for="textInputExample">Price (THB)*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder="" value=""
                                                    name="product_type" id="product_type">
                                                    <option value="" disabled
                                                        {{ old('product_type', $product->product_type ?? '') == '' ? 'selected' : '' }}>
                                                        Please select*
                                                    </option>
                                                    @foreach ($product_types as $i => $product_type)
                                                        <option value="{{ $product_type->product_type_id }}"
                                                            @if (old('product_type', $product->product_type ?? '') == $product_type->product_type_id) selected @endif>
                                                            {{ $product_type->product_type_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="textInputExample">Product Type*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="number" class="form-control"
                                                    value="{{ $product_quantity }}" placeholder="" name="product_quantity">
                                                <label for="textInputExample">Quantity*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder="" value=""
                                                    name="product_unit" id="product_unit">
                                                    <option value="" disabled
                                                        {{ old('product_unit', $product->product_unit ?? '') == '' ? 'selected' : '' }}>
                                                        Please select*
                                                    </option>
                                                    @foreach ($units as $i => $unit)
                                                        <option value="{{ $unit->unit_id }}"
                                                            @if (old('product_unit', $product->product_unit ?? '') == $unit->unit_id) selected @endif>
                                                            {{ $unit->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="textInputExample">Unit*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="number" class="form-control"
                                                    value="{{ old('product_min_stock_alert', $product->product_min_stock_alert ?? '') }}"
                                                    placeholder="" name="product_min_stock_alert" min="5">
                                                <label for="textInputExample">Min Stock Order*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="number" class="form-control"
                                                    value="{{ old('product_max_request_per_order', $product->product_max_request_per_order ?? '') }}"
                                                    placeholder="" name="product_max_request_per_order" min="1">
                                                <label for="textInputExample">Max Request per Order*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="product_weight" type="number" class="form-control"
                                                    value="{{ old('product_weight', $product_weight) }}"
                                                    placeholder="กรอกน้ำหนักสินค้า" name="product_weight"
                                                    min="0"step="0.01">
                                                <label for="textInputExample">Weight(grams)*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select id="product_status" class="form-select" name="product_status">
                                                    <option value="Active"
                                                        {{ $product_status == 'Active' ? 'selected' : '' }}>Active</option>
                                                    <option value="Inactive"
                                                        {{ $product_status == 'Inactive' ? 'selected' : '' }}>Inactive
                                                    </option>
                                                </select>
                                                <label for="product_status">Status*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-floating mb-4">
                                                <textarea id="product_description" class="form-control" placeholder="" style="height: 150px"
                                                    name="product_description">{{ old('product_description', $product_description) }}</textarea>
                                                <label for="product_description">Description</label>
                                            </div>
                                        </div>
                                        <br>
                                        <div align="center">
                                            <input class="btn btn-blue rounded-pill" type="submit" name="submit"
                                                value="Submit">
                                            <a class="btn btn-grape rounded-pill" href="{{ url('/productlist') }}"
                                                title="List">Back</a>
                                        </div>
                                        <br>
                                        <div align="center" style="font-size: 14px"> * These fields are required. </div>
                                </form>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('layouts.footer')
@endsection