@extends('layouts.master')

@section('title', 'List of Scholarship Add/Edit')

@section('style')
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">
@endsection

@section('script')
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
    <script>
        $('#richtext').summernote({
            placeholder: 'Enter your text content here',
            tabsize: 2,
            height: 200,
            toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'underline', 'clear']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['table', ['table']],
                ['insert', ['link', 'picture', 'video']],
                ['view', ['fullscreen', 'codeview', 'help']]
            ]
        });
    </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-12">
                    <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
                    <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
                </div>

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

                                <form method="POST" action="{{ url('/scholarship_edit') }}" enctype="multipart/form-data">
                                    @csrf

                                    <input type="hidden" name="scholarship_id"
                                        value="{{ $scholarship->scholarship_id ?? '' }}">

                                    <div class="row">
                                        <!-- Scholarship Type -->
                                        <div class="mb-3">
                                            <label class="form-label">Scholarship Type</label>
                                            <select class="form-select" name="scholarship_type_id" id="" required>
                                                <option value="">-- เลือกประเภททุนการศึกษา --</option>
                                                @foreach ($scholarship_types as $scholarship_type)
                                                    <option value="{{ $scholarship_type->scholarship_type_id }}"
                                                        {{ isset($scholarship) && $scholarship->scholarship_type_id == $scholarship_type->scholarship_type_id ? 'selected' : '' }}>
                                                        {{ $scholarship_type->scholarship_type_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <!-- Scholarship Name TH -->
                                        <div class="mb-3">
                                            <label class="form-label">Scholarship Name (TH)</label>
                                            <input type="text" class="form-control" name="name_th"
                                                value="{{ $scholarship->name_th ?? '' }}" required>
                                        </div>

                                        <!-- Scholarship Name EN -->
                                        <div class="mb-3">
                                            <label class="form-label">Scholarship Name (EN)</label>
                                            <input type="text" class="form-control" name="name_en"
                                                value="{{ $scholarship->name_en ?? '' }}" required>
                                        </div>

                                        <!-- Short Name -->
                                        <div class="mb-3">
                                            <label class="form-label">Short Name</label>
                                            <input type="text" class="form-control" name="shortname"
                                                value="{{ $scholarship->shortname ?? '' }}">
                                        </div>

                                        <!-- Description -->
                                        <div class="mb-3">
                                            <label class="form-label">Description</label>
                                            <textarea class="form-control" name="description" rows="3">{{ $scholarship->description ?? '' }}</textarea>
                                        </div>

                                        <!-- Details -->
                                        <div class="mb-3">
                                            <label class="form-label">Details</label>
                                            <textarea class="form-control" name="details" rows="3">{{ $scholarship->details ?? '' }}</textarea>
                                        </div>

                                        {{-- <!-- Create URL (Parameter) -->
                                        <div class="mb-3">
                                            <label class="form-label">Create URL (parameter)</label>
                                            <input type="text" class="form-control" name="create_url"
                                                value="{{ $scholarship->create_url ?? '' }}"
                                                placeholder="เช่น scholarship?type=xxx">
                                        </div> --}}

                                        <!-- Sponsor -->
                                        <div class="mb-3">
                                            <label class="form-label">Sponsor</label>
                                            <input type="text" class="form-control" name="sponsor"
                                                value="{{ $scholarship->sponsor ?? '' }}">
                                        </div>

                                        <!-- Cover Picture -->
                                        <div class="mb-3">
                                            <label class="form-label">Cover Picture</label>
                                            <input type="file" class="form-control" name="cover_pic" accept="image/*">
                                        </div>

                                        <!-- Academic Year -->
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label">Academic Year</label>
                                            <select class="form-select" name="academic_year_id" required>
                                                <option value="">-- เลือกปีการศึกษา --</option>
                                                @foreach ($academic_years as $academicyear)
                                                    <option value="{{ $academicyear->academic_id }}"
                                                        {{ isset($scholarship) && $scholarship->academic_year_id == $academicyear->academic_id ? 'selected' : '' }}>
                                                        {{ $academicyear->academic_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <!-- Semester -->
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label">Semester</label>
                                            <select class="form-select" name="semester">
                                                <option value="1"
                                                    {{ isset($scholarship) && $scholarship->semester == 1 ? 'selected' : '' }}>
                                                    1</option>
                                                <option value="2"
                                                    {{ isset($scholarship) && $scholarship->semester == 2 ? 'selected' : '' }}>
                                                    2</option>
                                                <option value="3"
                                                    {{ isset($scholarship) && $scholarship->semester == 3 ? 'selected' : '' }}>
                                                    Summer</option>
                                            </select>
                                        </div>


                                        <!-- Start Date -->
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label">Start Date</label>
                                            <input type="date" class="form-control" name="start_date"
                                                value="{{ $scholarship->start_date ?? '' }}">
                                        </div>

                                        <!-- End Date -->
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label">End Date</label>
                                            <input type="date" class="form-control" name="end_date"
                                                value="{{ $scholarship->end_date ?? '' }}">
                                        </div>

                                        <!-- Open At -->
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label">Open Time</label>
                                            <input type="time" class="form-control" name="open_time"
                                                value="{{ isset($scholarship->open_time) ? \Carbon\Carbon::parse($scholarship->open_time)->format('H:i') : '' }}">

                                        </div>

                                        <!-- Close At -->
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label">Close Time</label>
                                            <input type="time" class="form-control" name="close_time"
                                                value="{{ isset($scholarship->close_time) ? \Carbon\Carbon::parse($scholarship->close_time)->format('H:i') : '' }}">
                                        </div>

                                        <!-- Status -->
                                        <div class="mb-3">
                                            <label class="form-label">Status</label><br>

                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="status"
                                                    value="open"
                                                    {{ isset($scholarship) && $scholarship->status == 'open' ? 'checked' : '' }}>
                                                <label class="form-check-label">Open</label>
                                            </div>

                                            <div class="form-check mb-4">
                                                <input class="form-check-input" type="radio" name="status"
                                                    value="close"
                                                    {{ isset($scholarship) && $scholarship->status == 'close' ? 'checked' : '' }}>
                                                <label class="form-check-label">Close</label>
                                            </div>
                                        </div>

                                        <!-- Browse File PDF -->
                                        <div class="mb-3">
                                            <label class="form-label">Browse File PDF</label>
                                            <input type="file" class="form-control" name="pdf_file" accept="application/pdf">
                                        </div>

                                        <!-- Text Content -->
                                        <div class="mb-3">
                                            <label class="form-label">Text Content</label>
                                            <textarea id="richtext" name="textcontent">{{ $scholarship->textcontent ?? '' }}</textarea>
                                        </div>
                                    </div>

                                    <div class="text-center mt-4">
                                        <button type="submit" class="btn btn-primary px-5">Submit</button>
                                    </div>

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

    @include('layouts.footer')

@endsection