@php $rand = 0; @endphp

@if(isset($employee->employee_foreign_training) && count($employee->employee_foreign_training) > 0)

    @foreach($employee->employee_foreign_training as $employee_foreign_training)
                @php
                    $rand++;
                @endphp
                <div class="form-group row mb-2">
                    <div class="col-lg-12 col-md-12 pt-2 pb-2 mb-2 d-flex">
                        <span class="badge badge-info mx-auto">{{$rand}}</span><i class="fa fa-trash text-danger @if(isset($loggedin->employee_id) && isset($employee_foreign_training->id))  @else  remove_this @endif" data="emfortraining_{{$employee_foreign_training->id}}"></i>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label> ভ্রমণের ধরণ (Type of travel) </label>
                        <select required class="form-control personal_foreign_type{{$employee_foreign_training->id}}" id="kt_select2_1"
                                @if(isset($loggedin->employee_id) && isset($employee_foreign_training->travel_type)) readonly
                                @else name="personal_foreign_training[{{$employee_foreign_training->id}}][travel_type]" @endif>
                            <option value>নির্বাচন করুন</option>
                            @foreach($function->travel_types() as $key=>$data)
                                <option value="{{$key}}" @if(isset($employee_foreign_training->travel_type) && (int)$employee_foreign_training->travel_type == $key) selected @endif>{{$data[0]}}({{$data[1]}})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label>শিরোনাম (Title)<i class="fa fa-star-of-life fa-sm text-danger"></i></label>
                        <input required  type="text"  @if(isset($loggedin->employee_id) && isset($employee_foreign_training->course_title)) readonly @else  name="personal_foreign_training[{{$employee_foreign_training->id}}][course_title]" @endif class="form-control"  @if(isset($employee_foreign_training->course_title))value="{{$employee_foreign_training->course_title}}"@endif/>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label>প্রতিষ্ঠান (Institution) <span class="personal_foreign_institute{{$employee_foreign_training->id}}"></span> </label>
                        <input  type="text"  @if(isset($loggedin->employee_id) && isset($employee_foreign_training->institution)) readonly @else  name="personal_foreign_training[{{$employee_foreign_training->id}}][institution]" @endif class="form-control"  @if(isset($employee_foreign_training->institution))value="{{$employee_foreign_training->institution}}"@endif/>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label>দেশ (Country<i class="fa fa-star-of-life fa-sm text-danger"></i>)</label>
                        <input required  type="text"  @if(isset($loggedin->employee_id) && isset($employee_foreign_training->country)) readonly @else  name="personal_foreign_training[{{$employee_foreign_training->id}}][country]" @endif class="form-control"  @if(isset($employee_foreign_training->country))value="{{$employee_foreign_training->country}}"@endif/>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label>শুরুর সময় (Start Date)<i class="fa fa-star-of-life fa-sm text-danger"></i></label>
                        <input data-date-format="dd-mm-yyyy" readonly class="form-control form-control-lg form-control-solid kt_datepicker" type="text" required   @if(isset($loggedin->employee_id) && isset($employee_foreign_training->from)) @else  name="personal_foreign_training[{{$employee_foreign_training->id}}][from]" @endif @if(isset($employee_foreign_training->from))value="{{\Carbon\Carbon::parse($employee_foreign_training->from)->format('d-m-Y')}}"@endif/>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label>শেষ হবার সময় (End Date)</label>
                        <input data-date-format="dd-mm-yyyy" readonly class="form-control form-control-lg form-control-solid kt_datepicker" type="text"  @if(isset($loggedin->employee_id) && isset($employee_foreign_training->to)) @else  name="personal_foreign_training[{{$employee_foreign_training->id}}][to]" @endif  @if(isset($employee_foreign_training->to))value="{{\Carbon\Carbon::parse($employee_foreign_training->to)->format('d-m-Y')}}"@endif/>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2 personal_foreign_grade{{$employee_foreign_training->id}}">
                        <label>গ্রেড (Grade)</label>
                        <input type="text"  @if(isset($loggedin->employee_id) && isset($employee_foreign_training->grade)) readonly @else  name="personal_foreign_training[{{$employee_foreign_training->id}}][grade]" @endif class="form-control"  @if(isset($employee_foreign_training->grade))value="{{$employee_foreign_training->grade}}"@endif/>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2 personal_foreign_position{{$employee_foreign_training->id}}">
                        <label>অবস্থান (Position) [optional]</label>
                        <input type="number"  @if(isset($loggedin->employee_id) && isset($employee_foreign_training->position)) readonly @else  name="personal_foreign_training[{{$employee_foreign_training->id}}][position]" @endif class="form-control"  @if(isset($employee_foreign_training->position))value="{{$employee_foreign_training->position}}"@endif/>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label>মঞ্জুরি নম্বর (Sanction Number) [optional]</label>
                        <input type="number"  @if(isset($loggedin->employee_id) && isset($employee_foreign_training->sanction_number)) readonly @else  name="personal_foreign_training[{{$employee_foreign_training->id}}][sanction_number]" @endif class="form-control"  @if(isset($employee_foreign_training->sanction_number))value="{{$employee_foreign_training->sanction_number}}"@endif/>
                    </div>
                    <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
                        <label>মঞ্জুরি তারিখ (Sanction Date) [optional]</label>
                        <input data-date-format="dd-mm-yyyy" readonly class="form-control form-control-lg form-control-solid kt_datepicker" type="text"  @if(isset($loggedin->employee_id) && isset($employee_foreign_training->sanction_date)) @else  name="personal_foreign_training[{{$employee_foreign_training->id}}][sanction_date]" @endif @if(isset($employee_foreign_training->sanction_date))value="{{\Carbon\Carbon::parse($employee_foreign_training->sanction_date)->format('d-m-Y')}}"@endif/>
                    </div>

                </div>
{{--                        <input type="text" class="form-control" name="per_hw[{{$employee_foreign_training->id}}][location]" @if(isset($employee_foreign_training->location))value="{{$employee_foreign_training->location}}"@endif/>--}}
                <script>
                    $('.personal_foreign_grade{{$employee_foreign_training->id}}').hide();
                    $('.personal_foreign_position{{$employee_foreign_training->id}}').hide();
                    $('.personal_foreign_institute{{$employee_foreign_training->id}}').html('[optional]');
                    $(document).ready(function() {
                        $(document).on("change",".personal_foreign_type{{$employee_foreign_training->id}}", function(){
                            if($(this).val() == 1){
                                $('.personal_foreign_grade{{$employee_foreign_training->id}}').hide();
                                $('.personal_foreign_position{{$employee_foreign_training->id}}').hide();
                                $('.personal_foreign_institute{{$employee_foreign_training->id}}').html('[optional]');
                            }else{
                                $('.personal_foreign_grade{{$employee_foreign_training->id}}').show();
                                $('.personal_foreign_position{{$employee_foreign_training->id}}').show();
                                $('.personal_foreign_institute{{$employee_foreign_training->id}}').html('');
                            }
                        });
                    });
                </script>
        @endforeach
@else
    @php $v = \request()->v @endphp
    @if(isset($v))
    <div class="form-group row mb-2">
        <div class="col-lg-12 col-md-12 pt-2 pb-2 mb-2 d-flex">
            <span class="badge badge-info mx-auto">{{$v}}</span><i class="fa fa-trash text-danger remove_this" data=""></i>
        </div>
        @php($rand = rand(10000000000,100000000000))
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label> ভ্রমণের ধরণ (Type of travel) </label>
            <select required class="form-control personal_foreign_typex{{$rand}}" id="kt_select2_1" name="personal_foreign_training['x{{$rand}}'][travel_type]">
                <option value>নির্বাচন করুন</option>
                @foreach($function->travel_types() as $key=>$data)
                    <option value="{{$key}}">{{$data[0]}}({{$data[1]}})</option>
                @endforeach
            </select>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label>শিরোনাম (Title)<i class="fa fa-star-of-life fa-sm text-danger"></i></label>
            <input required  type="text"  name="personal_foreign_training['x{{$rand}}'][course_title]" class="form-control"/>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label>প্রতিষ্ঠান (Institution) <span class="personal_foreign_institutex{{$rand}}"></span></label>
            <input  type="text"  name="personal_foreign_training['x{{$rand}}'][institution]" class="form-control"/>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label>দেশ (Country)<i class="fa fa-star-of-life fa-sm text-danger"></i></label>
            <input required  type="text"  name="personal_foreign_training['x{{$rand}}'][country]" class="form-control"/>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label>শুরুর সময় (Start Date)<i class="fa fa-star-of-life fa-sm text-danger"></i></label>
            <input data-date-format="dd-mm-yyyy" readonly class="form-control form-control-lg form-control-solid kt_datepicker" type="text" required   name="personal_foreign_training['x{{$rand}}'][from]"/>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label>শেষ হবার সময় (End Date)</label>
            <input data-date-format="dd-mm-yyyy" readonly class="form-control form-control-lg form-control-solid kt_datepicker" type="text"   name="personal_foreign_training['x{{$rand}}'][to]"/>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2 personal_foreign_gradex{{$rand}}">
            <label>গ্রেড (Grade)</label>
            <input type="text"  name="personal_foreign_training['x{{$rand}}'][grade]" class="form-control"/>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2 personal_foreign_positionx{{$rand}}">
            <label>অবস্থান (Position) [optional]</label>
            <input type="number"  name="personal_foreign_training['x{{$rand}}'][position]" class="form-control"/>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label>মঞ্জুরি নম্বর (Sanction Number) [optional]</label>
            <input type="number" name="personal_foreign_training['x{{$rand}}'][sanction_number]" class="form-control"/>
        </div>
        <div class="col-lg-6 col-md-12 my-auto pt-2 pb-2">
            <label>মঞ্জুরি তারিখ (Sanction Date) [optional]</label>
            <input data-date-format="dd-mm-yyyy" readonly class="form-control form-control-lg form-control-solid kt_datepicker" type="text" name="personal_foreign_training['x{{$rand}}'][sanction_date]"/>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $(document).on("change",".personal_foreign_typex{{$rand}}", function(){
                if($(this).val() == 1){
                    $('.personal_foreign_gradex{{$rand}}').hide();
                    $('.personal_foreign_positionx{{$rand}}').hide();
                    $('.personal_foreign_institutex{{$rand}}').html('[optional]');
                }else{
                    $('.personal_foreign_gradex{{$rand}}').show();
                    $('.personal_foreign_positionx{{$rand}}').show();
                    $('.personal_foreign_institutex{{$rand}}').html('');
                }
            });
        });
    </script>
    @endif
@endif
<script>
    $(document).ready(function() {
        $('.kt_datepicker').datepicker({
            rtl: KTUtil.isRTL(),
            todayHighlight: true,
            orientation: 'bottom left',
            templates: 'arrows'
        });
    });
</script>