@extends('layouts.master')

@section('title', 'Letter of Support (Thai)')

@section('style')

@endsection

@section('script')

@endsection

@section('content')

    @include('layouts.header')
    @include('layouts.header-sub')



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

                <div class="col-md-10">
                    <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
                    <p class="mb-5">สถานะเอกสาร : <span class="badge bg-pale-blue text-blue">บันทึกฉบับร่าง</span></p>
                </div>

                <div class="col-md-2 text-end">
                    <button class="btn btn-sm btn-aqua rounded-pill">History Log</button>
                </div>

                <div class="col-lg-12">
                    <div class="blog single">
                        <div class="card">
                            <div class="card-body">

                                <h5 class="mb-4 text-purple">ข้อมูลทั่วไป</h5>
                                <form action="{{ url('/letterofsupportformthedit') }}" method="POST">
                                    @csrf
                                    <input type="hidden" name="letter_of_support_id"
                                        value="{{ $data->letter_of_support_id ?? 0 }}">
                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <label class="form-label">ผู้ขอ *</label>
                                            <input type="text" class="form-control bg-light" readonly
                                                value="{{ Auth::user()->name }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">ส่วนงาน *</label>
                                            <input type="text" class="form-control bg-light" readonly
                                                value="{{ Auth::user()->department }}">
                                        </div>

                                        <div class="col-md-12">
                                            <label class="form-label">ตำแหน่งในโครงการ (ผู้ขอ) *</label>
                                            <select class="form-select" name="project_position" required>
                                                <option value="" selected disabled>เลือก...</option>
                                                <option value="หัวหน้าโครงการ"
                                                    {{ old('project_position', $data->project_position ?? '') == 'หัวหน้าโครงการ' ? 'selected' : '' }}>
                                                    หัวหน้าโครงการ</option>
                                                <option value="ผู้ร่วมวิจัย"
                                                    {{ old('project_position', $data->project_position ?? '') == 'ผู้ร่วมวิจัย' ? 'selected' : '' }}>
                                                    ผู้ร่วมวิจัย</option>
                                            </select>
                                        </div>

                                        <div class="col-md-12">
                                            <label class="form-label">หน้าที่ในโครงการ (ผู้ขอ) *</label>
                                            <input type="text" class="form-control" placeholder="" name="project_role_th"
                                                value="{{ old('project_role_th', $data->project_role_th ?? '') }}">
                                        </div>

                                        <div class="col-md-12">
                                            <label class="form-label">ชื่อโครงการ *</label>
                                            <input type="text" class="form-control" placeholder="" name="project_name_th"
                                                value="{{ old('project_name_th', $data->project_name_th ?? '') }}">
                                        </div>

                                        <div class="col-md-12">
                                            <label class="form-label">ชื่อแหล่งทุน *</label>
                                            <select class="form-select" name="funding_source">
                                                <option value="" selected disabled>กรุณาเลือก...</option>
                                                <option value="วช."
                                                    {{ old('funding_source', $data->funding_source ?? '') == 'วช.' ? 'selected' : '' }}>
                                                    วช.
                                                </option>

                                                <option value="สกสว."
                                                    {{ old('funding_source', $data->funding_source ?? '') == 'สกสว.' ? 'selected' : '' }}>
                                                    สกสว.
                                                </option>

                                                <option value="ทุนภายใน"
                                                    {{ old('funding_source', $data->funding_source ?? '') == 'ทุนภายใน' ? 'selected' : '' }}>
                                                    ทุนภายใน
                                                </option>
                                            </select>
                                        </div>

                                        <div class="col-md-12">
                                            <label class="form-label">ประโยชน์ที่คาดว่าจะได้รับ *</label>
                                            <textarea class="form-control" rows="4" name="expected_benefit_th">{{ old('expected_benefit_th', $data->expected_benefit_th ?? '') }}</textarea>
                                        </div>

                                        <div class="col-12 mt-4">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" id="confirmCheck"
                                                    name="confirm" value="1"
                                                    {{ old('confirm', $data->confirm ?? 0) == 1 ? 'checked' : '' }}>
                                                <label class="form-check-label fs-16" for="confirmCheck">
                                                    ข้าพเจ้ายืนยันว่าได้พิจารณาและเห็นชอบกับรายละเอียดที่ระบุใน Letter of
                                                    support
                                                    และขอยืนยันว่าจะสนับสนุนการดำเนินงานให้สำเร็จลุล่วงตามรายละเอียดที่ได้นำเสนอมา
                                                </label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row mt-5">
                                        <div class="col-12">
                                            <button type="submit"
                                                class="btn btn-blue rounded-pill px-5 me-2">บันทึก</button>
                                            <button type="button"
                                                class="btn btn-outline-danger rounded-pill px-5 me-2">Generate
                                                หนังสือรับรอง</button>
                                            <button type="button"
                                                class="btn btn-green rounded-pill px-5">บันทึกและส่งต่อ</button>
                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    @include('layouts.footer')

@endsection