@extends('backend.layouts.main')

@section('title', 'MLI ATS | JAC15 - Training')

@section('content')
    <div class="container px-6 mx-auto grid">
        @include('backend.share.title', ['title' => 'Manage JAC15 - Training'])
        <div class="md:flex flex-none">
            <div class="px-3 py-3 mb-2 mr-3 bg-white rounded-lg shadow-md w-full lg:w-1/4">
                <div class="p-3">
                    <form method="POST" action="{{ route('admin.jac15.store') }}">
                        @csrf
                        <h3 class="font-semibold text-slate-500 border-b border-gray-200 mb-2">Add JAC15 - Training</h6>
                            <div class="block text-sm mt-3">
                                <span class="text-slate-500 ">Date Added</span>
                                <input id="add_date"
                                    class="mt-1 px-3 py-2 placeholder-slate-300 text-slate-600 relative bg-white rounded text-sm border border-slate-300 outline-none focus:outline-none focus:ring w-full"
                                    name="add_date" placeholder="Ex. 1" value="{{ date('m/d/Y') }}" />
                            </div>
                            <div class="block text-sm mt-3">
                                <span class="text-slate-500">Quarter</span>
                                <input type="text"
                                    class="mt-1 px-3 py-2 placeholder-slate-300 text-slate-600 relative bg-white  rounded text-sm border border-slate-300 outline-none focus:outline-none focus:ring w-full"
                                    placeholder="Ex. 2020-01" name="year_quarter" value="{{ old('year_quarter') }}"
                                    required>
                            </div>
                            @error('year_quarter')
                                @include('backend.share.error-message', ['message' => $message])
                            @enderror

                            <div class="block text-sm mt-3">
                                <span class="text-slate-500 ">IPCE Team</span>
                                <textarea
                                    class="mt-1 px-3 py-2 placeholder-slate-300 text-slate-600 relative bg-white rounded text-sm border border-slate-300 outline-none focus:outline-none focus:ring w-full"
                                    name="ipce_team" placeholder="Ex. Exercitation soluta" value="{{ old('audience_type') }}" required></textarea>
                            </div>
                            @error('ipce_team')
                                @include('backend.share.error-message', ['message' => $message])
                            @enderror

                            <div class="block text-sm mt-3">
                                <span class="text-slate-500 ">CPD Needs Identified</span>
                                <textarea
                                    class="mt-1 px-3 py-2 placeholder-slate-300 text-slate-600 relative bg-white rounded text-sm border border-slate-300 outline-none focus:outline-none focus:ring w-full"
                                    name="cpd_need" placeholder="Ex. Exercitation soluta" value="{{ old('cpd_need') }}"></textarea>
                            </div>
                            @error('cpd_need')
                                @include('backend.share.error-message', ['message' => $message])
                            @enderror

                            <div class="block text-sm mt-3">
                                <span class="text-slate-500 ">Learning Plan</span>
                                <textarea
                                    class="mt-1 px-3 py-2 placeholder-slate-300 text-slate-600 relative bg-white rounded text-sm border border-slate-300 outline-none focus:outline-none focus:ring w-full"
                                    name="learning_plan" placeholder="Ex. Exercitation soluta" value="{{ old('cpd_need') }}"></textarea>
                            </div>
                            @error('learning_plan')
                                @include('backend.share.error-message', ['message' => $message])
                            @enderror

                            <div class="block text-sm mt-3">
                                <span class="text-slate-500 ">Time/Resources</span>
                                <textarea
                                    class="mt-1 px-3 py-2 placeholder-slate-300 text-slate-600 relative bg-white rounded text-sm border border-slate-300 outline-none focus:outline-none focus:ring w-full"
                                    name="time_resources" placeholder="Ex. Exercitation soluta" value="{{ old('cpd_need') }}"></textarea>
                            </div>
                            @error('time_resources')
                                @include('backend.share.error-message', ['message' => $message])
                            @enderror

                            <div class="block text-sm mt-3">
                                <span class="text-slate-500 ">Internal/External</span>
                                <div class="flex justify-start mt-3">
                                    <div class="form-check form-check-inline mr-3">
                                        <input type="checkbox"
                                            class="form-check-input appearance-none h-4 w-4 border border-gray-300 rounded-sm bg-white checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer"
                                            id="Internal" name="int_ext[]" value="Internal">
                                        <label class="form-check-label text-slate-500 inline-block text-sm" for="Internal">
                                            Internal </label>
                                    </div>

                                    <div class="form-check form-check-inline mr-3">
                                        <input type="checkbox"
                                            class="form-check-input appearance-none h-4 w-4 border border-gray-300 rounded-sm bg-white checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer"
                                            id="External" name="int_ext[]" value="External">
                                        <label class="form-check-label text-slate-500 inline-block text-sm" for="External">
                                            External</label>
                                    </div>

                                </div>
                            </div>

                            <div class="block mt-10 text-sm">
                                @include('backend.share.add-button', ['name' => 'Add'])
                            </div>
                    </form>
                </div>
            </div>
            <div class="px-3 py-3 mb-2 mr-3 bg-white rounded-lg shadow-md w-full lg:w-3/4">
                @include('backend.jac15.items.list', ['jac15s' => $jac15s])
            </div>
        </div>
    </div>
    @push('scripts')
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                flatpickr("#add_date", {
                    defaultDate: ''
                });
            });
        </script>
    @endpush
@endsection