@extends('admin.layouts.app')
@section('content')
    <div class="right_col" role="main">
        <div class="">
            <div class="page-title">
                <div class="title_left">
                    <h3>New Experience</h3>
                </div>

                <div class="title_right">
                    <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Search for...">
                            <span class="input-group-btn">
                              <button class="btn btn-default" type="button">Go!</button>
                          </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Experience</h2>
                            <div class="nav navbar-right panel_toolbox">
                                <a class="btn btn-success" href="{{ route('admin.developer.profile', ['slug'=> $slug]) }}">
                                    <i class="fa fa-arrow-circle-left"></i>Back
                                </a>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <br />
                            @if($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            @if(Session::has('message'))
                                <div class="alert alert-success">
                                    {{ Session::get('message') }}
                                </div>
                            @endif
                            <form id="demo-form2" method="post" href="@if(isset($p_exp_id) == "") {{ route('admin.developer.exp.add',['slug'=>$slug]) }} @else {{ route('admin.developer.exp.edit',['slug'=>$slug, 'exp_id'=>$p_exp_id ]) }} @endif " data-parsley-validate class="form-horizontal form-label-left">
                                {{ csrf_field() }}
                                @if(isset($p_exp_id))
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="job_title">Job Title<span class="required">*</span>
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="job_title" name="job_title" value="{{ $exp->job_title }}" required="required" class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="job_title">Company<span class="required">*</span>
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="company" name="company" value="{{ $exp->company }}" required="required" class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="location">Locaion<span class="required">*</span>
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="location" name="location" value="{{ $exp->location }}" required="required" class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12">From<span class="required">*</span>
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12">Year<span class="required">*</span>
                                                <select name="date_start_year" class="form-control">
                                                    @php
                                                        // Sets the top option to be the current year. (IE. the option that is chosen by default).
                                                      $currently_selected = date('Y');
                                                      // Year to start available options at
                                                      $earliest_year = 1950;
                                                      // Set your latest year you want in the range, in this case we use PHP to just set it to the current year.
                                                      $latest_year = date('Y');
                                                        foreach ( range( $latest_year, $earliest_year ) as $i ){
                                                        echo '<option value="'.$i.'"'.($i === $currently_selected ? ' selected="selected"' : '').'>'.$i.'</option>';
                                                        }
                                                    @endphp
                                                </select>
                                            </label>
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12">Month<span class="required">*</span>
                                                <select name="date_start_month" class="form-control">
                                                    <option @if($exp->date_start_month == '') selected="selected" @endif value=''>--Select Month--</option>
                                                    <option @if($exp->date_start_month == 'Jan') selected="selected" @endif value='Jan'>Janaury</option>
                                                    <option @if($exp->date_start_month == 'Feb') selected="selected" @endif value='Feb'>February</option>
                                                    <option @if($exp->date_start_month == 'Mar') selected="selected" @endif value='Mar'>March</option>
                                                    <option @if($exp->date_start_month == 'Apr') selected="selected" @endif value='Apr'>April</option>
                                                    <option @if($exp->date_start_month == 'May') selected="selected" @endif value='May'>May</option>
                                                    <option @if($exp->date_start_month == 'Jun') selected="selected" @endif value='Jun'>June</option>
                                                    <option @if($exp->date_start_month == 'July') selected="selected" @endif value='July'>July</option>
                                                    <option @if($exp->date_start_month == 'Aug') selected="selected" @endif value='Aug'>August</option>
                                                    <option @if($exp->date_start_month == 'Sept') selected="selected" @endif value='Sept'>September</option>
                                                    <option @if($exp->date_start_month == 'Oct') selected="selected" @endif value='Oct'>October</option>
                                                    <option @if($exp->date_start_month == 'Nov') selected="selected" @endif value='Nov'>November</option>
                                                    <option @if($exp->date_start_month == 'Dec') selected="selected" @endif value='Dec'>December</option>
                                                </select>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12">To (Or Expected)<span class="required">*</span>
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12">Year<span class="required">*</span>
                                                <select name="date_end_year" class="form-control">
                                                    @php
                                                        // Sets the top option to be the current year. (IE. the option that is chosen by default).
                                                      $currently_selected = date('Y');
                                                      // Year to start available options at
                                                      $earliest_year = 1950;
                                                      // Set your latest year you want in the range, in this case we use PHP to just set it to the current year.
                                                      $latest_year = date('Y');
                                                        foreach ( range( $latest_year, $earliest_year ) as $i ){
                                                        echo '<option value="'.$i.'"'.($i === $currently_selected ? ' selected="selected"' : '').'>'.$i.'</option>';
                                                        }
                                                    @endphp
                                                </select>
                                            </label>
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12">Month<span class="required">*</span>
                                                <select name="date_end_month" class="form-control">
                                                    <option @if($exp->date_end_month == '') selected="selected" @endif value=''>--Select Month--</option>
                                                    <option @if($exp->date_end_month == 'Jan') selected="selected" @endif value='Jan'>Janaury</option>
                                                    <option @if($exp->date_end_month == 'Feb') selected="selected" @endif value='Feb'>February</option>
                                                    <option @if($exp->date_end_month == 'Mar') selected="selected" @endif value='Mar'>March</option>
                                                    <option @if($exp->date_end_month == 'Apr') selected="selected" @endif value='Apr'>April</option>
                                                    <option @if($exp->date_end_month == 'May') selected="selected" @endif value='May'>May</option>
                                                    <option @if($exp->date_end_month == 'Jun') selected="selected" @endif value='Jun'>June</option>
                                                    <option @if($exp->date_end_month == 'July') selected="selected" @endif value='July'>July</option>
                                                    <option @if($exp->date_end_month == 'Aug') selected="selected" @endif value='Aug'>August</option>
                                                    <option @if($exp->date_end_month == 'Sept') selected="selected" @endif value='Sept'>September</option>
                                                    <option @if($exp->date_end_month == 'Oct') selected="selected" @endif value='Oct'>October</option>
                                                    <option @if($exp->date_end_month == 'Nov') selected="selected" @endif value='Nov'>November</option>
                                                    <option @if($exp->date_end_month == 'Dec') selected="selected" @endif value='Dec'>December</option>
                                                </select>
                                            </label><br />
                                            Currently work here<input type="checkbox" value="{{ old('current','current') }}" name="current" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="brief_info" class="control-label col-md-3 col-sm-3 col-xs-12">Description:</label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                        <textarea id="brief_info" required="required" class="form-control" name="description" data-parsley-trigger="keyup" data-parsley-minlength="20" data-parsley-maxlength="100" data-parsley-minlength-message="Come on! You need to enter at least a 20 caracters long comment.."
                                                  data-parsley-validation-threshold="10">{{ $exp->description }}</textarea>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
                                            <button type="submit" class="btn btn-success">Update</button>
                                        </div>
                                    </div>
                                @else
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="job_title">Job Title<span class="required">*</span>
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="job_title" name="job_title" value="{{ old('job_title') }}" required="required" class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="job_title">Company<span class="required">*</span>
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="company" name="company" value="{{ old('company') }}" required="required" class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="location">Locaion<span class="required">*</span>
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="location" name="location" value="{{ old('location') }}" required="required" class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12">From<span class="required">*</span>
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12">Year<span class="required">*</span>
                                                <select name="date_start_year" class="form-control">
                                                    <option value=''>--Select year--</option>
                                                    @php
                                                        // Sets the top option to be the current year. (IE. the option that is chosen by default).
                                                      $currently_selected = date('Y');
                                                      // Year to start available options at
                                                      $earliest_year = 1950;
                                                      // Set your latest year you want in the range, in this case we use PHP to just set it to the current year.
                                                      $latest_year = date('Y');
                                                        foreach ( range( $latest_year, $earliest_year ) as $i ){
                                                        echo '<option value="'.$i.'"'.($i === $currently_selected ? ' selected="selected"' : '').'>'.$i.'</option>';
                                                        }
                                                    @endphp
                                                </select>
                                            </label>
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12">Month<span class="required">*</span>
                                                <select name="date_start_month" class="form-control">
                                                    <option value=''>--Select Month--</option>
                                                    <option selected value='Jan'>Janaury</option>
                                                    <option value='Feb'>February</option>
                                                    <option value='March'>March</option>
                                                    <option value='4'>April</option>
                                                    <option value='5'>May</option>
                                                    <option value='6'>June</option>
                                                    <option value='7'>July</option>
                                                    <option value='8'>August</option>
                                                    <option value='9'>September</option>
                                                    <option value='10'>October</option>
                                                    <option value='11'>November</option>
                                                    <option value='12'>December</option>
                                                </select>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12">To (Or Expected<span class="required">*</span>
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12">Year<span class="required">*</span>
                                                <select name="date_end_year" class="form-control">
                                                    <option value=''>--Select year--</option>
                                                    @php
                                                        // Sets the top option to be the current year. (IE. the option that is chosen by default).
                                                      $currently_selected = date('Y');
                                                      // Year to start available options at
                                                      $earliest_year = 1950;
                                                      // Set your latest year you want in the range, in this case we use PHP to just set it to the current year.
                                                      $latest_year = date('Y');
                                                        foreach ( range( $latest_year, $earliest_year ) as $i ){
                                                        echo '<option value="'.$i.'"'.($i === $currently_selected ? ' selected="selected"' : '').'>'.$i.'</option>';
                                                        }
                                                    @endphp
                                                </select>
                                            </label>
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12">Month<span class="required">*</span>
                                                <select name="date_end_month" class="form-control">
                                                    <option value=''>--Select Month--</option>
                                                    <option selected value='Jan'>Janaury</option>
                                                    <option value='Feb'>February</option>
                                                    <option value='Mar'>March</option>
                                                    <option value='Apr'>April</option>
                                                    <option value='May'>May</option>
                                                    <option value='Jun'>June</option>
                                                    <option value='July'>July</option>
                                                    <option value='Aug'>August</option>
                                                    <option value='Sept'>September</option>
                                                    <option value='Oct'>October</option>
                                                    <option value='Nov'>November</option>
                                                    <option value='Dec'>December</option>
                                                </select>
                                            </label><br />
                                            Currently work here<input type="checkbox" value="{{ old('current', 'current') }}" name="current" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="brief_info" class="control-label col-md-3 col-sm-3 col-xs-12">Description:</label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                    <textarea id="brief_info" required="required" class="form-control" name="description" data-parsley-trigger="keyup" data-parsley-minlength="20" data-parsley-maxlength="100" data-parsley-minlength-message="Come on! You need to enter at least a 20 caracters long comment.."
                                              data-parsley-validation-threshold="10">{{ old('description') }}</textarea>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
                                            <button type="submit" class="btn btn-success">Create</button>
                                        </div>
                                    </div>
                                @endif
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script src="{{ asset('/') }}vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
    <!-- bootstrap-datetimepicker -->
    <script src="{{ asset('/') }}vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
    <!-- jQuery Smart Wizard -->
    <script src="{{ asset('/') }}vendors/jQuery-Smart-Wizard/js/jquery.smartWizard.js"></script>
@stop