@extends('layouts.master')

@section('title',  __('tr.Submit Training Request'))
@section('subtitle', __('tr.Request Training'))
@section('titleicon', "icon-file-text")

@section('content')
    <div class="main-content">
        @if(!empty($errors->all()))
            <div class="alert alert-danger text-white bg-danger">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <ul>
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <div class="alert alert-success" role="alert">
            <i class="icon-info-large"></i>
            <strong>
                @lang('tr.If the organization does not exist, please contact your advisor to register a new organization')
            </strong>
       </div>
        @if (\Session::has('msg'))
            <div class="alert alert-danger text-white bg-success">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <ul>
                    <li>{!! \Session::get('msg') !!}</li>
                </ul>
            </div>
        @endif
        @if(Session::has('alert'))
            <div>
                <div class="alert custom alert-danger" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <i class="icon-warning2"></i><strong>Error! </strong>{{session()->pull('alert')[0]}}
                </div>
            </div>
        @endif

        <form id="submit_form"  action="{{ route('store_training_request') }}" method="POST" enctype="multipart/form-data">
            {{ csrf_field() }} 
            <div class="row gutters">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                    <div class="card">
                        <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                            <div class="card-header" role="tab">
                                <p>@lang('tr.Training Information')</p>
                            </div>
                            <div class="card-body">
                        
                                <div class="form-group">
                                    <label>@lang('tr.Term') <span class="required_field">*</span></label>
                                    <select name="term_id" id="term_id" class="form-control" required>
                                        <option value="">@lang('Select the term')</option>
                                        @foreach($terms as $key => $value)
                                            <option @if(old('term_id') == $key) selected @endif value="{{$key}}">{{$value}}</option>
                                        @endforeach
                                    </select>
                                </div>  
                                
                                <div class="form-group">
                                    <label>@lang('tr.Organization') <span class="required_field">*</span></label>
                                    {!! Form::select('organization_id', array(""=>__("tr.Select Organization"))+$organizations, null, array('id'=> 'organization_id', 'title'=> __('tr.Organization'))); !!}
                                </div>

                                <div class="form-group">
                                    <label>@lang('tr.Title') <span class="required_field">*</span></label>
                                    <input name="title" value="{{ old('title') }}" placeholder="@lang('The title of the training')" type="text" class="form-control" required maxlength="256" />
                                </div> 

                                <div class="form-group">
                                    <label>@lang('tr.Description') <span class="required_field">*</span></label>
                                    <textarea name="description" placeholder="@lang('The description of the training')" id="" class="form-control" cols="10" rows="10" required>{{ old('description') }}</textarea>
                                </div>

                                <div class="form-group">
                                    <div class="form-row">
                                        <div class="col-lg-12">
                                            <label>@lang('tr.Number of weeks') <span class="required_field">*</span></label>
                                            <input type="number" placeholder="Number of weeks" name="num_of_weeks" class="form-control" required value="{{ old('num_of_weeks') }}" />
                                        </div>
                                    </div>
                                </div> 

                                <div class="form-group">
                                    <div class="form-row">
                                        <div class="col-lg-6">
                                            <label>@lang('tr.Start Date') <span class="required_field">*</span></label>
                                            <input type="date" name="start_date" class="form-control" required value="{{ old('start_date') }}" min="2025-12-14" />
                                        </div>
                                        <div class="col-lg-6">
                                            <label>@lang('tr.End Date') <span class="required_field">*</span></label>
                                            <input type="date" name="end_date" class="form-control" required value="{{ old('end_date') }}"  min="2025-12-14"/>
                                        </div>
                                    </div>
                                </div> 
                            
                                <div class="form-group">
                                    <label>@lang('tr.CV') <span class="required_field">*</span></label>
                                    <input required type="file" name="cv" class="form-control" onchange="validateFileName(this)">
                                </div> 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <button  type="submit" class="btn btn-primary btn-md" >@lang('Save')</button>
                </div>
            </div>
            <br>
        </form>
    </div>
@endsection

@section('pagejs')
    <script type="text/javascript">
        $(document).ready(function () {

            $('#organization_id').selectize();            

            $("#organization_id").trigger('change');
        })
    </script>
@endsection