@extends('website.layouts.master')
@section('title', __('tr.General Information'))

@section('content')

@include('website.layouts.title', ['simple'=>true])

<style>
    .ui-datepicker-calendar {
        display: none;
    }
</style>

<section>

    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <br/>
                <br/>
               
                <form id="submit_form"  autocomplete="off" action="{{ route('alumni_information_save') }}" method="POST" enctype="multipart/form-data">

                    {{ csrf_field() }}

                    <input type="hidden" name="email" value="{{$graduateUser->email}}">

                    <div style="border: 1px solid #dadada; padding: 20px;">

                        <div class="thick_header">
                            <h3>@lang('tr.General Information')</h3>
                        </div>

                        <hr/>

                        <div class="form-group">
                            <div class="form-row">                                
                                <div class="col-lg-6">
                                    <label>@lang('tr.Name') <span class="required_field">*</span></label>
                                    <input name="name" type="text" class="form-control" value="{{$graduateUser->en_name}}" required maxlength="256" style="direction: ltr;" />
                              
                                </div>
                                <div class="col-lg-6">
                                    <label>@lang('tr.Gender') <span class="required_field">*</span></label>
                                    <select name="gender" class="form-control" style="direction: ltr;" required>
                                        <option @if($graduateUser->gender == 1) {{"selected"}} @endif value="1">@lang('tr.Male')</option>
                                        <option @if($graduateUser->gender == 2) {{"selected"}} @endif value="2">@lang('tr.Female')</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="form-row">
                                <div class="col-lg-6">
                                    <label>@lang('tr.NationalId') <span class="required_field">*</span></label>
                                    <input name="nationalId" type="text" class="form-control" value="{{$graduateUser->national_id}}" required maxlength="14" style="direction: ltr;" />
                                </div>
                                <div class="col-lg-6">
                                    <label>@lang('tr.Phone') <span class="required_field">*</span></label>
                                    <input name="phone" type="phone" class="form-control" value="{{$graduateUser->phone}}" required maxlength="256" style="direction: ltr;" />
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="form-row">                                
                                <div class="col-lg-3">
                                    <label>@lang('tr.Degree') <span class="required_field">*</span></label>
                                    {!! Form::select('degree', array(""=>__("tr.Select Degree")) + 'App\GraduatedStudent'::degreesLables(), $graduatedStudent->degree, array('id'=>'degree', 'class'=>'form-control', 'required'=>'required', 'style' => 'direction: ltr;' )); !!}
                                </div>

                                <div class="col-lg-3">
                                    <label>@lang('tr.Graduation Year') <span class="required_field">*</span></label>
                                    <input type="number" name="graduation_year" class="form-control" value="{{$graduatedStudent->graduation_year}}" required min="1950" max="2025"/>
                                </div>

                                @include('components.select_bylaw_plan_graduates', ['bylaws'=>$bylaws, 'class' => 'form-control', 'showBylawLevels'=>false, 'bylaw'=>$graduatedStudent->bylaw, 'planId'=>$graduatedStudent->plan_id])

                            </div>
                        </div>

                         <div class="form-group">
                            <div class="form-row">                                
                                <div class="col-lg-6">
                                    <label>@lang('tr.Job Title') <span class="required_field">*</span></label>
                                    <input name="job_title" type="text" class="form-control" value="{{$graduatedStudent->job_title}}" required maxlength="256" style="direction: ltr;" />
                                </div>
                                <div class="col-lg-6">
                                    <label>@lang('tr.Company Name') <span class="required_field">*</span></label>
                                    <input type="text" name="company_name" class="form-control" value="{{$graduatedStudent->company_name}}" required maxlength="1024"/>
                                </div>
                                
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="form-row"> 
                                
                                <div class="col-lg-6">
                                    <label>@lang('tr.Sector of your Company') <span class="required_field">*</span></label>
                                    {!! Form::select('company_sector', array(""=>__("tr.Select Sector")) + 'App\GraduatedStudent'::companySectorsLables(), $graduatedStudent->company_sector, array('id'=>'company_sector', 'class'=>'form-control', 'required'=>'required', 'style' => 'direction: ltr;' )); !!}
                                </div>                             
                                <div class="col-lg-6">
                                    <label>@lang('tr.Country of Employment') <span class="required_field">*</span></label>
                                    {!! Form::select('employment_location', array(""=>__("tr.Select Country")) + $countries, $graduatedStudent->employment_location, array('id'=>'employment_location', 'class'=>'form-control', 'required'=>'required', 'style' => 'direction: ltr;' )); !!}
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="form-row">
                                <div class="col-lg-12">
                                    <label>@lang('tr.Date of enrollment in first job after Graduation from faculty') (@lang('tr.Year')/@lang('tr.Month')) <span class="required_field">*</span></label>
                                    <input type="month" placeholder="@lang('tr.Year')-@lang('tr.Month')" name="first_enrollment_date" value="{{!empty($graduatedStudent->first_enrollment_date) ? (\Carbon\Carbon::parse($graduatedStudent->first_enrollment_date)->format('Y-m')) :""}}" class="form-control" required/>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="form-row">
                                
                                <div class="col-lg-6">
                                    <label>@lang('tr.Total number of jobs you applied upon Graduation') <span class="required_field">*</span></label>
                                    <input type="number" name="no_jobs_applied" class="form-control" value="{{$graduatedStudent->no_jobs_applied}}" required min="0" max=""/>
                                </div>
                                <div class="col-lg-6">
                                    <label>@lang('tr.Total number of jobs offers you received') <span class="required_field">*</span></label>
                                    <input type="number" name="no_jobs_offers" class="form-control" value="{{$graduatedStudent->no_jobs_offers}}" required min="0" max=""/>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="form-row">
                                
                                <div class="col-lg-12">
                                    <label>@lang('tr.Best Way to Communicate') <span class="required_field">*</span></label>
                                    <input type="text" name="comments" class="form-control" value="{{$graduatedStudent->comments}}" required maxlength="1024"/>
                                </div>  
                            </div>
                        </div>

                    </div><br>

                    <button type="submit" id="btnSubmitRequest" class=" ttm-btn ttm-btn-size-lg ttm-btn-shape-square ttm-btn-style-fill ttm-icon-btn-right ttm-btn-color-dark" style="float: {{right()}}" > @lang('tr.Submit') <i class="ti ti-angle-double-right"></i></button>
                </form>

                <br>
                <br>
                <br>
            </div>
        </div>
    </div>
</section>
@endsection

@section('pagejs')
<script src="/int/js/jquery-ui.custom.min.js"></script>
<script src="/int/js/tether.min.js"></script>
<script src="/int/js/bootstrap.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {

        $('#submit_form').ajaxForm({
                progressBar: $('#ajax_form_progress_bar'),
                progressText: $('#ajax_form_progress_text'),
            },function(response){
                infoBox(response, function() {
                    window.location.href = "{{$url}}";
                });
            }, function(response){
                $('#apply_form').showErrors(response, function() {
                    var firstError = $('.form-error:visible:first').first();
                    if(firstError.length==1)
                        $('html, body').animate({scrollTop: ( firstError.offset().top - 140 )}, 1000);
                });
        });

        $('.date-picker').datepicker({
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            dateFormat: 'yy-mm',
            onClose: function (dateText, inst) {
                $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
            }
        });

    });
</script>
@endsection