@php
    if (empty($product)) {
        $product_id = '';
        $product_code = '';
        $product_name = '';
        $product_price = '';
        $product_weight = '';
        $product_quantity = '';
        $product_type = '';
        $product_description = '';
        $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_type = $product->product_type;
        $product_description = $product->product_description;
        $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">
                                                <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_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="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>
                                {{-- <form action="{{ url('/productedit') }}" class="text-start mb-3" method="post"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <div class="row">
                                        <div class="col-md-10"></div>
                                    </div>
                                    <input type="text" name="student_id" value="{{ $student_id }}" hidden>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_firstname }}" placeholder=""
                                                    name="student_firstname">
                                                <label for="textInputExample">First Name*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_lastname }}" placeholder=" " name="student_lastname">
                                                <label for="textInputExample">Last Name*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select select2" placeholder=""
                                                    value="{{ $student_nationality }}" name="student_nationality"
                                                    id="student_nationality">
                                                    @foreach ($nationality as $inter)
                                                        <option value="{{ $inter->nationality_id }}"
                                                            @if ($student && $student->student_nationality == $inter->nationality_id) selected @endif>
                                                            {{ $inter->nationality_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="textInputExample">Nationality*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_code }}" placeholder=" " name="student_code">
                                                <label for="textInputExample">Student ID*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_email }}" placeholder=" " name="student_email">
                                                <label for="textInputExample">E-mail*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder="" value="{{ $student_degree }}"
                                                    name="student_degree" id="student_degree">
                                                    <option value="" selected disabled>Please select*</option>
                                                    <option value="Bachelor"
                                                        @if ($student_degree == 'Bachelor') selected @endif>Bachelor</option>
                                                    <option value="Master"
                                                        @if ($student_degree == 'Master') selected @endif>Master</option>
                                                    <option value="Doctoral"
                                                        @if ($student_degree == 'Doctoral') selected @endif>Doctoral</option>
                                                </select>
                                                <label for="textInputExample">Degree*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder="" value=""
                                                    name="student_advisor" id="student_advisor">
                                                    <option value="" selected disabled>Please select*</option>
                                                    @foreach ($advisor as $i => $advis)
                                                        <option value="{{ $advis->advisor_id }}"
                                                            @if ($student_advisor == $advis->advisor_id) selected @endif>
                                                            {{ $advis->advisor_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="textInputExample">Advisor*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder="" value=""
                                                    name="student_curriculum" id="student_curriculum">
                                                    <option value="" selected disabled>Please select*</option>
                                                    @foreach ($curriculum as $i => $item)
                                                        <option value="{{ $item->curriculum_id }}"
                                                            @if ($student_curriculum == $item->curriculum_id) selected @endif>
                                                            {{ $item->curriculum_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="textInputExample">Curriculum*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder="" value="{{ $student_school }}"
                                                    name="student_school" id="student_school">
                                                    <option value="" selected disabled>Please select*</option>
                                                    @foreach ($school as $i => $item)
                                                        <option value="{{ $item->school_id }}"
                                                            @if ($student_school == $item->school_id) selected @endif>
                                                            {{ $item->school_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="textInputExample">School*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" name="student_academicstatus"
                                                    id="student_academicstatus">
                                                    <option value="" selected disabled>Please select*</option>
                                                    @foreach ($academicstatus as $i => $item)
                                                        <option value="{{ $item->academicstatus_id }}"
                                                            @if ($student_academicstatus == $item->academicstatus_id) selected @endif>
                                                            {{ $item->academicstatus_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="student_academicstatus">Academic Status*</label>
                                            </div>
                                        </div>

                                        <div class="col-md-6" id="end-date-siit-section" style="display: none;">
                                            <div class="form-floating mb-4">
                                                <input type="date" class="form-control"
                                                    value="{{ $student_end_date_student_status_siit }}"
                                                    name="student_end_date_student_status_siit"
                                                    id="student_end_date_student_status_siit">
                                                <label for="student_end_date_student_status_siit">End Date of Student
                                                    Status (Exec. SIIT)*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6" id="end-date-tu-section" style="display: none;">
                                            <div class="form-floating mb-4">
                                                <input type="date" class="form-control"
                                                    value="{{ $student_end_date_student_status }}"
                                                    name="student_end_date_student_status"
                                                    id="student_end_date_student_status">
                                                <label for="student_end_date_student_status">End Date of Student
                                                    Status (TU)*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder=""
                                                    value="{{ $student_start_year }}" name="student_start_year"
                                                    id="student_start_year">
                                                    <option value="" selected disabled>Please select*</option>
                                                    @foreach ($academicyears as $academicyear)
                                                        <option value="{{ $academicyear->academic_id }}"
                                                            @if ($student_start_year == $academicyear->academic_id) selected @endif>
                                                            {{ $academicyear->academic_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="textInputExample">Scholarship Start Date*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder=""
                                                    value="{{ $student_semester_from }}" name="student_semester_from"
                                                    id="">
                                                    <option value="" selected disabled>Please select*</option>
                                                    <option value="1"
                                                        @if ($student_semester_from == 1) selected @endif>1</option>
                                                    <option value="2"
                                                        @if ($student_semester_from == 2) selected @endif>2</option>
                                                    <option value="3"
                                                        @if ($student_semester_from == 3) selected @endif>3</option>
                                                </select>
                                                <label for="textInputExample">Semester*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder=""
                                                    value="{{ $student_end_year }}" name="student_end_year"
                                                    id="student_end_year">
                                                    <option value="" selected disabled>Please select*</option>
                                                    @foreach ($academicyears as $academicyear)
                                                        <option value="{{ $academicyear->academic_id }}"
                                                            @if ($student_end_year == $academicyear->academic_id) selected @endif>
                                                            {{ $academicyear->academic_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="textInputExample">Scholarship End Date*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder=""
                                                    value="{{ $student_semester_to }}" name="student_semester_to"
                                                    id="">
                                                    <option value="" selected disabled>Please select*</option>
                                                    <option value="1"
                                                        @if ($student_semester_to == 1) selected @endif>1</option>
                                                    <option value="2"
                                                        @if ($student_semester_to == 2) selected @endif>2</option>
                                                    <option value="3"
                                                        @if ($student_semester_to == 3) selected @endif>3</option>
                                                </select>
                                                <label for="textInputExample">Semester*</label>
                                            </div>
                                        </div>
                                        @php
                                            $studentTypes = explode(',', $student->student_type ?? '');
                                            $studentScholarshipPrograms = explode(
                                                ',',
                                                $student->student_scholarship_program ?? '',
                                            );
                                            $typeNames = $type
                                                ->whereIn('type_id', $studentTypes)
                                                ->pluck('type_name_en')
                                                ->implode(', ');
                                        @endphp
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select select2" multiple name="student_type[]"
                                                    id="student_type" onchange="toggleScholarshipProgram()">
                                                    @foreach ($type as $ty)
                                                        <option value="{{ $ty->type_id }}"
                                                            @if (isset($student) && in_array($ty->type_id, $studentTypes)) selected @endif>
                                                            {{ $ty->type_name_en }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="student_type">Type of Debtor*</label>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select select2" name="student_scholarship_program[]"
                                                    id="student_scholarship_program" multiple
                                                    {{ in_array('1', $studentTypes) ? '' : 'disabled' }}>
                                                    @foreach ($scholarship_program as $program)
                                                        <option value="{{ $program->scholarship_program_id }}"
                                                            @if (in_array($program->scholarship_program_id, $studentScholarshipPrograms)) selected @endif>
                                                            {{ $program->scholarship_program_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="student_scholarship_program">Scholarship Program*</label>
                                            </div>
                                        </div>
                                        

                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_agreement_no }}" placeholder=""
                                                    name="student_agreement_no">
                                                <label for="textInputExample">Agreement No.</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input type="date" class="form-control" name="student_agreement_date"
                                                    id="student_agreement_date" value="{{ $student_agreement_date }}">
                                                <label for="student_agreement_date">Agreement Date</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_guarantor_firstname }}" placeholder=""
                                                    name="student_guarantor_firstname">
                                                <label for="textInputExample">Guarantor First Name</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_guarantor_lastname }}" placeholder=""
                                                    name="student_guarantor_lastname">
                                                <label for="textInputExample">Guarantor Last Name</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="email" class="form-control"
                                                    value="{{ $student_guarantor_email }}" placeholder=""
                                                    name="student_guarantor_email">
                                                <label for="textInputExample">Guarantor E-mail</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder=""
                                                    value="{{ $student_debt_status }}" name="student_debt_status"
                                                    id="student_debt_status">
                                                    <option value="" selected disabled>Please select*</option>
                                                    <option
                                                        value="Active"@if ($student_debt_status == 'Active') selected @endif>
                                                        Active</option>
                                                    <option
                                                        value="Inactive"@if ($student_debt_status == 'Inactive') selected @endif>
                                                        Inactive</option>
                                                </select>
                                                <label for="textInputExample">Debt Status*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_outstanding_balance ?? '0.00' }}" placeholder=""
                                                    name="student_outstanding_balance" required
                                                    onfocus="if(this.value === '') this.value='0.00'">
                                                <label for="textInputExample">The Outstanding Balance *</label>
                                                <span
                                                    style="position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #6c757d;">THB</span>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="student_outstanding_balance_payment" type="date"
                                                    class="form-control"
                                                    value="{{ $student_outstanding_balance_payment }}" placeholder=""
                                                    name="student_outstanding_balance_payment">
                                                <label for="student_outstanding_balance_payment">Due Date of the
                                                    Outstanding Balance Payment</label>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-floating mb-4">
                                                <textarea id="student_remark" class="form-control" placeholder="Textarea" style="height: 150px"
                                                    name="student_remark">{{ old('student_remark', $student_remark) }}</textarea>
                                                <label for="student_remark">Remark</label>
                                            </div>
                                        </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('/studentlist') }}"
                                            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