@php

    use App\Http\Controllers\UserController;

    $year = app('App\Http\Controllers\UserController')->get_academic()[1];

    if (empty($activity)) {
        $activity_id = '';
        $activity_code = '';
        $activity_academic_year = '';
        $activity_name_en = '';
        $activity_name_th = '';
        $activity_name = '';
        $activity_type1 = '';
        $activity_type_code = '';
        $activity_organized = '';
        $activity_date_begin = '';
        $activity_date_end = '';
        $activity_time_start = '';
        $activity_time_end = '';
        $activity_place = '';
        $activity_detail_en = '';
        $activity_detail_th = '';
        $activity_participants = '';
        // $activity_academic_gen = '';
    } else {
        $activity_id = $activity->activity_id;
        $activity_code = $activity->activity_code;
        $activity_academic_year = $activity->activity_academic_year;
        $activity_name_en = $activity->activity_name_en;
        $activity_name_th = $activity->activity_name_th;
        $activity_name = $activity->activity_name;
        $activity_type1 = $activity->activity_type1;
        $activity_type_code = $activity->activity_type_code;
        $activity_organized = $activity->activity_organized;
        $activity_date_begin = $activity->activity_date_begin;
        $activity_date_end = $activity->activity_date_end;
        $activity_time_start = $activity->activity_time_start;
        $activity_time_end = $activity->activity_time_end;
        $activity_place = $activity->activity_place;
        $activity_detail_en = $activity->activity_detail_en;
        $activity_detail_th = $activity->activity_detail_th;
        $activity_participants = $activity->activity_participants;
        // $activity_academic_gen = $activity->activity_academic_gen;
    }

    // if (empty())

@endphp
<link rel="stylesheet"
    href="https://cdn.jsdelivr.net/gh/habibmhamadi/multi-select-tag@3.1.0/dist/css/multi-select-tag.css">
@extends('layouts.master')
@section('title', 'Activity Add/Edit')

@section('style')
    <style>
        /* .select2-container--default .select2-selection--multiple .select2-selection__rendered {
                            display: block;
                            width: 100%;
                            padding: 0.6rem 2.25rem 0.6rem 1rem;
                            -moz-padding-start: calc(1rem - 3px);
                            font-size: 0.75rem;
                            font-weight: 500;
                            line-height: 1.7;
                            color: #959ca9;
                            background-color: #fff;
                            background-image: url(data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'%3e%3cpath fill='%2360697b' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/%3e%3c/svg%3e);
                            background-repeat: no-repeat;
                            background-position: right 1rem center;
                            background-size: 8px 8px;
                            border: 1px solid rgba(8, 60, 130, 0.06);
                            border-radius: 0.4rem;
                            box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
                            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            appearance: none;
                        } */
    </style>
@endsection

@section('script')
    <script>

        $('select').select2();

        $('#multiple-select').mobiscroll().select({
            inputElement: document.getElementById('my-input'),
            touchUi: false
        });

        // $('#scholarship').select2({
        //     maximumSelectionLength: 500
        // });

        // $('#scholarship_select').click(function() {
        //     $("#scholarship > option").prop("selected", "selected");
        //     $("#scholarship").trigger("change");
        // });

        // $('#scholarship_clear').click(function() {
        //     $("#scholarship > option").prop("selected", false);
        //     $("#scholarship").trigger("change");
        // }); 
    </script>
    {{-- <script src="https://cdn.jsdelivr.net/gh/habibmhamadi/multi-select-tag@3.1.0/dist/js/multi-select-tag.js">
        new MultiSelectTag('countries') // id

        new MultiSelectTag('countries', {
            rounded: true, // default true
            shadow: true, // default false
            placeholder: 'Search', // default Search...
            tagColor: {
                textColor: '#327b2c',
                borderColor: '#92e681',
                bgColor: '#eaffe6',
            },
            onChange: function(values) {
                console.log(values)
            }
        })
    </script> --}}
@endsection

@section('content')
    @include('layouts.header')
    <section class="wrapper image-wrapper bg-image bg-overlay text-white" data-image-src="{{ asset('/bg/3.jpg') }}"
        style="background-image: url('{{ asset('/bg/3.jpg') }}');">
        <div class="container pt-md-16 py-14 pb-md-15 text-center">
            <div class="row">
                <div class="row">
                    <div class="col-lg-8 col-xxl-7 mx-auto text-center" data-cues="slideInDown" data-group="page-title"
                        data-delay="600">
                        <h1 class="fs-58 mb-2 text-light">Activity Add/Edit </h1>
                        {{-- <h2 class="fs-16 text-uppercase ls-xl text-light mb-4">Hello! This is Sandbox</h2> --}}
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="container py-10">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <div>
                <span class="text-dark fs-30">Activity Add/Edit</span>
            </div>
            <div>
                {{-- <a href="{{ asset('/') }}" class="btn btn-lg btn-primary rounded-pill p-1 px-3"><i
                        class="uil uil-plus"></i>
                    Add</a> --}}
            </div>
        </div>

        @php
            $academicyear_cut = DB::table('academic_year')->where('academic_year_id', $activity_academic_year)->first();

            $cut_str = '';
            if ($academicyear_cut && isset($academicyear_cut->academic_year)) {
                $cut_str = substr($academicyear_cut->academic_year, 2);
            }
            // echo $cut_str;
            $activity_count = DB::table('report_activity')->get();
            $count_activity = count($activity_count);

            // echo $count_activity;
            $number = str_pad($count_activity, 3, '0', STR_PAD_LEFT);
            $number1 = str_pad((int) $number + 1, 3, '0', STR_PAD_LEFT);
            // echo $number;
            // echo '<br>';

            // echo $number1;

            // $no_code = '0';

            // echo '<br>';
            // echo $number;

            // for ($count_activity = 0; $count_activity < 5; $count_activity++) {
            //     $number = str_pad($count_activity, 3, '0', STR_PAD_LEFT);
            //     echo $number . "\n";
            // }
            // $number = str_pad($activity->academic_gen + 1, 3, '0', STR_PAD_LEFT);
            $number = 0;
            $gencode = "AP45$cut_str$number";
        @endphp

        <form action="{{ url('/activityedit') }}" 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="" value="{{ Auth::user()->id }}" hidden />
            <input type="text" name="activity_id" value="{{ $activity_id }}" hidden>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" disabled type="text" class="form-control" placeholder=""
                            value="" name="">
                        {{-- @foreach ($academicyear as $i => $academic) --}}
                        {{-- <label for="textInputExample">AP45{{ $cut_str }}018</label> --}}
                        <label for="textInputExample">{{ $gencode }}</label>
                        {{-- <label for="textInputExample">AP45{{ $year }}018</label> --}}
                        {{-- @endforeach --}}
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-floating mb-4">
                        <select class="form-select" placeholder="" value="" name="activity_academic_year"
                            id="">
                            <option value="" selected disabled>Academic Year*</option>
                            @foreach ($academicyear as $i => $academic)
                                <option value="{{ $academic->academic_year_id }}"
                                    @if ($activity_academic_year == $academic->academic_year_id) selected @endif>{{ $academic->academic_year }}
                                </option>
                            @endforeach
                        </select>
                        <label for="textInputExample">Academic Year*</label>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" type="text" class="form-control" placeholder=""
                            value="{{ $activity_name_en }}" name="activity_name_en">
                        <label for="textInputExample">Activity Name(Eng)*</label>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" type="text" class="form-control" placeholder=""
                            value="{{ $activity_name_th }}" name="activity_name_th">
                        <label for="textInputExample">Activity Name(Thai)*</label>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-floating mb-4">
                        <select class="form-select" placeholder="" name="activity_type1" id="">
                            <option selected value="type_name_en"select disabled>Activity Type</option>
                            @foreach ($type as $i => $ty)
                                <option value="{{ $ty->type_id }}" @if ($ty->type_id == $activity_type1) selected @endif>
                                    {{ $ty->type_name_en }}</option>
                            @endforeach
                        </select>
                        <label for="textInputExample">Activity Type</label>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="form-floating mb-4">
                        <select class="form-select" placeholder="" name="" id="">
                            <option selected value=""select disabled>TU Greats</option>
                            {{-- @foreach ($type as $i => $ty)
                                <option value="{{ $ty->type_id }}" @if ($ty->type_id == $activity_type1) selected @endif>
                                    {{ $ty->type_name_en }}</option>
                            @endforeach --}}
                        </select>
                        <label for="textInputExample">TU Greats</label>
                    </div>
                </div>

                {{-- <select name="countries" id="countries" multiple>
                    <option value="1">Afghanistan</option>
                    <option value="2">Australia</option>
                    <option value="3">Germany</option>
                    <option value="4">Canada</option>
                    <option value="5">Russia</option>
                </select> --}}

                {{-- <div class="col-md-12">
                    <div class="form-select-wrapper mb-4">
                        <select class="form-select select2-hidden-accessible" id="scholarship" name="scholarship[]"
                            multiple="" tabindex="-1" aria-hidden="true">
                            <option value="1">
                                YSTP
                            </option>
                            <option value="2">
                                EFS
                            </option>
                            <option value="12">
                                EFS_Ms
                            </option>
                            <option value="13">
                                ES(U)_Half
                            </option>
                            <option value="14">
                                EFS_PhD
                            </option>
                            <option value="15">
                                YSTP_Batch 5
                            </option>
                            <option value="16">
                                ES(U)_Full
                            </option>
                            <option value="17">
                                ES(U)_Quarter
                            </option>
                            <option value="18">
                                YSTP_Batch 1
                            </option>
                            <option value="19">
                                YSTP_Batch 2
                            </option>
                            <option value="20">
                                YSTP_Batch 3
                            </option>
                            <option value="21">
                                YSTP_Batch 4
                            </option>
                            <option value="22">
                                YSTP_Batch 6
                            </option>
                        </select><span
                            class="select2 select2-container select2-container--default select2-container--below"
                            dir="ltr" style="width: 861.5px;"><span class="selection"><span
                                    class="select2-selection select2-selection--multiple" role="combobox"
                                    aria-haspopup="true" aria-expanded="false" tabindex="-1">
                                    <ul class="select2-selection__rendered">
                                        <li class="select2-search select2-search--inline"><input
                                                class="select2-search__field" type="search" tabindex="0"
                                                autocomplete="off" autocorrect="off" autocapitalize="off"
                                                spellcheck="false" role="textbox" aria-autocomplete="list"
                                                placeholder="" style="width: 0.75em;"></li>
                                    </ul>
                                </span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                    </div>
                </div> --}}



                {{-- <div class="col-md-12">
                    <label for="form_ct01_bg01id">Multi-select:</label>
                    <div class="form-select-wrapper mb-4">
                        <select class="form-select" name="form_ct01_bg01id[]" id="scholarship" style="width: 100%;" data-placeholder="Choose Project" multiple>
                            @foreach ($type as $i => $ty)
                                <option value="{{ $ty->type_id }}" @if ($ty->type_id == $activity_type1) selected @endif>
                                    {{ $ty->type_name_en }}</option>
                            @endforeach
                        </select>
                    </div>
                </div> --}}
                {{-- <label>
                       
                        <input mbsc-input id="my-input" data-dropdown="true" data-tags="true" />
                    </label> --}}
                {{-- <div class="col-md-12"> --}}

                {{-- </div> --}}
                {{-- <div class="col-md-12">
                    <div class="form-floating mb-4">
                        <select class="form-select" placeholder="" name="" id="">
                            <option selected value="default"select disabled>Type 2</option>
                            @foreach ($type as $i => $ty)
                                <option value="{{ $ty->type_id }}">{{ $ty->type_name_en }}</option>
                            @endforeach
                        </select>
                        <label for="textInputExample">Type #2*</label>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-floating mb-4">
                        <select class="form-select" placeholder="" name="" id="">
                            <option selected value="default"select disabled>Type 3</option>
                            @foreach ($type as $i => $ty)
                                <option value="{{ $ty->type_id }}">{{ $ty->type_name_en }}</option>
                            @endforeach
                        </select>
                        <label for="textInputExample">Type #3*</label>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-floating mb-4">
                        <select class="form-select" placeholder="" name="" id="">
                            <option selected value="default"select disabled>Type 4</option>
                            @foreach ($type as $i => $ty)
                                <option value="{{ $ty->type_id }}">{{ $ty->type_name_en }}</option>
                            @endforeach
                        </select>
                        <label for="textInputExample">Type #4*</label>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-floating mb-4">
                        <select class="form-select" placeholder="" name="" id="">
                            <option selected value="default"select disabled>Type 5</option>
                            @foreach ($type as $i => $ty)
                                <option value="{{ $ty->type_id }}">{{ $ty->type_name_en }}</option>
                            @endforeach
                        </select>
                        <label for="textInputExample">Type #5*</label>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-floating mb-4">
                        <select class="form-select" placeholder="" name="" id="">
                            <option selected value="default"select disabled>Type 6</option>
                            @foreach ($type as $i => $ty)
                                <option value="{{ $ty->type_id }}">{{ $ty->type_name_en }}</option>
                            @endforeach
                        </select>
                        <label for="textInputExample">Type #6*</label>
                    </div>
                </div> --}}
                <div class="col-md-12">
                    <div class="form-floating mb-4">
                        <select class="form-select" placeholder="" value="{{ $activity_organized }}"
                            name="activity_organized" id="">
                            @foreach ($organized as $i => $orga)
                                <option value="{{ $orga->organized_id }}"
                                    @if ($activity_organized == $orga->organized_id) selected @endif>{{ $orga->organized_name }}</option>
                            @endforeach
                        </select>
                        <label for="textInputExample">Organized/Coordinated by :</label>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" type="date" class="form-control" placeholder=""
                            value="{{ $activity_date_begin }}" name="activity_date_begin">
                        <label for="textInputExample">Date (Begin)*</label>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" type="date" class="form-control" placeholder=""
                            value="{{ $activity_date_end }}" name="activity_date_end">
                        <label for="textInputExample">Date (End)*</label>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" type="time" class="form-control" placeholder=""
                            value="{{ $activity_time_start }}" name="activity_time_start">
                        <label for="textInputExample">Start Time*</label>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" type="time" class="form-control" placeholder=""
                            value="{{ $activity_time_end }}" name="activity_time_end">
                        <label for="textInputExample">End Time*</label>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" type="text" class="form-control" placeholder=""
                            value="{{ $activity_place }}" name="activity_place">
                        <label for="textInputExample">Place*</label>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" type="text" class="form-control" placeholder=""
                            value="{{ $activity_detail_en }}" name="activity_detail_en">
                        <label for="textInputExample">Detail(Eng)*</label>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" type="text" class="form-control" placeholder=""
                            value="{{ $activity_detail_th }}" name="activity_detail_th">
                        <label for="textInputExample">Detail(Thai)*</label>
                    </div>
                </div>
            </div>
            <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('/activitylist/0/0/0') }}" title="List">Back</a>
            </div>
        </form>
    </div>

    @include('layouts.footer')
@endsection