@extends('layouts.internal')

@section('content')
@section('breadcrumb')
<div class="c-subheader justify-content-between px-3">
<ol class="breadcrumb border-0 m-0 px-0 px-md-3">
<li class="breadcrumb-item"><a href="/"><i class="fa fa-home"></i></a></li>
@if(url()->previous() != url()->current())
<li class="breadcrumb-item"><a href="{{url()->previous()}}">&leftarrow; Previous Page</a></li>
@endif						
<li class="breadcrumb-item"><a href="{{route('jobs.index')}}">Jobs</a></li>
<li class="breadcrumb-item active" aria-current="page">Create Job Posting</li>

</ol>
</div>
@endsection
<div class="container">
	
	<div class="row">
		<div class="col-2">
			<strong>Actions:</strong>
			<p>
				<a href="#">No new action</a>
			</p>
		</div>
		<div class="col-7 ajax-load">
      @if (count($errors) > 0)
      <div class="alert alert-danger" role="alert">
        <strong>Errors Detected!</strong>
        <ul>
          @foreach ($errors->all() as $error)
          <li>{{ $error }}</li>
          @endforeach
        </ul>        
      </div>
      @endif

      <h4 class="p-0 m-0 p-0 mb-2"><strong>Create Job Posting</strong></h4>

      {!! Form::open(array('route' => 'jobs.store','method'=>'POST')) !!}
      <div class="form-row pb-3 pt-3">
        <div class="col">
          <label for="inputFirstname">Job Title</label>
          {!! Form::text('title', null, array('placeholder' => 'Job Title','class' => 'form-control')) !!}          
        </div>
      </div>
      <div class="form-row pt-3">
        <div class="col">
          <label for="inputFirstname">Company</label>
          {!! Form::select('company', [null=>'Please Select'] + $companies,'null', array('class' => 'form-control')) !!}
        </div>
      </div>
      

      <nav class="mt-4">
	   	  <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
				  <a class="nav-item nav-link active" id="nav-tab1-tab" data-toggle="tab" href="#nav-tab1" role="tab" aria-controls="nav-tab1" aria-selected="true">
            Job Description
					</a>
		  		<a class="nav-item nav-link" id="nav-tab2-tab" data-toggle="tab" href="#nav-tab2" role="tab" aria-controls="nav-tab2" aria-selected="false">
            Location
					</a>
					<a class="nav-item nav-link" id="nav-tab3-tab" data-toggle="tab" href="#nav-tab3" role="tab" aria-controls="nav-tab3" aria-selected="false">
            Compensation/Notes
					</a>
	   		</div>
      </nav>
      
      <div class="tab-content" id="nav-tabContent">
	   		<div class="tab-pane fade show active" id="nav-tab1" role="tabpanel" aria-labelledby="nav-tab1-tab">
          <div class="form-row pb-3 pt-3">
            <div class="col">
              <label for="inputFirstname">Job Description</label>
              {!! Form::textarea('details', null, array('placeholder' => 'Job Description', 'class' => 'form-control','rows' => 10)) !!}
            </div>
          </div>
          <div class="form-row pb-3">
            <div class="col">
              <label for="inputFirstname">Job Summary (Keep it to 1 sentence)</label>
              {!! Form::textarea('summary', null, array('placeholder' => 'Job Summary','class' => 'form-control','rows' => 2)) !!}
            </div>
          </div>
        </div>

        <div class="tab-pane fade" id="nav-tab2" role="tabpanel" aria-labelledby="nav-tab2-tab">
          <div class="form-row pb-3 pt-3">
            <div class="col">
              <label for="inputFirstname">City/Location</label>
              {!! Form::text('city', null, array('placeholder' => 'City/Location','class' => 'form-control')) !!}
            </div>
            <div class="col">
              <label for="inputFirstname">State/Province</label>
              {!! Form::text('state_province', null, array('placeholder' => 'State/Province','class' => 'form-control')) !!}
            </div>
          </div>
          <div class="form-row pb-3">
            <div class="col">
              <label for="inputFirstname">Zip/Postal Code</label>
              {!! Form::text('zip_postal', null, array('placeholder' => 'Zip/Postal Code','class' => 'form-control')) !!}
            </div>
            <div class="col">
              <label for="inputFirstname">Country</label>
              {!! Form::text('country', null, array('placeholder' => 'Country','class' => 'form-control')) !!}
            </div>
          </div>        
        </div>

        <div class="tab-pane fade" id="nav-tab3" role="tabpanel" aria-labelledby="nav-tab3-tab">
         <div class="form-row pb-3 pt-3">
            <div class="col">
              <label for="inputFirstname">Employment Type</label>
              {!! Form::select('type', $employments,'', array('class' => 'form-control')) !!}
            </div>
            <div class="col">
              <label for="inputFirstname">Posting date</label>
              {!! Form::text('posting_date', null, array('placeholder' => 'Posting date','class' => 'form-control datepicker')) !!}
            </div>
            <div class="col">
              <label for="inputFirstname">Status</label>
              {!! Form::select('status', $lookups,'', array('class' => 'form-control')) !!}
            </div>
          </div>
          <div class="form-row pb-3">
            <div class="col">
              <label for="inputFirstname">Compensation Type</label>
              {!! Form::select('compensation_type', $rates,'', array('class' => 'form-control rate')) !!}
            </div>
            <div class="col">
              <div class="salary_type rate_type">
                <label for="inputFirstname">Salary</label>
                {!! Form::text('salary', null, array('placeholder' => 'Salary','class' => 'form-control')) !!}
              </div>
              <div class="hourly_rate rate_type" style="display:none">
                <label for="inputFirstname">Hourly Rate</label>
                {!! Form::text('hourly_rate', null, array('placeholder' => 'Hourly Rate','class' => 'form-control')) !!}
                </div>
              </div>
          </div>          
          <div class="form-row pb-3">
            <div class="col">
              <label for="inputFirstname">Interal Notes</label>
              {!! Form::textarea('notes', null, ['class' => 'form-control', 'rows' => 4]) !!}
            </div>
          </div>          
          <div class="form-row pb-3">
            <div class="col">

            </div>
            <div class="col">

            </div>
          </div>              
        </div>        
      </div>
        @php
      $previousUrl = '';
      if(url()->previous() && url()->previous() != route('jobs.create')){
			$previousUrl =url()->previous();
		  }else{
		  $previousUrl = route('jobs.index');
		 }
      @endphp
        <input type="hidden" name="oldUrl" value="{{$previousUrl}}">
      <div class="align-right pt-4 pb-4">
        <input type="submit" class="btn btn-primary px-4" value="Save">
         <a href="{{$previousUrl}}" class="btn btn-secondary px-4">Cancel</a>
      </div>
      {!! Form::close() !!}
    </div>
		<div class="col-3">
			Advertisement space
		</div>
	</div>
</div>

@section('css')

<link rel="stylesheet" href="{{ asset('css/jquery-ui.css') }}">

@endsection

@section('script')
<script src="https://cdn.ckeditor.com/4.11.1/standard/ckeditor.js"></script>
  <script src="{{ asset('js/jquery-ui.js') }}"></script>



<script>

$( function() {

    $( ".datepicker" ).datepicker({
            dateFormat: 'mm/dd/yy'
        });

  } );

$('.rate').change(function(){

$('.rate_type').hide();

    if($(this).val() == 'Hourly'){

        $('.hourly_rate').show();

    }else{

        $('.salary_type').show();

    }

});
   CKEDITOR.replace( 'details' );
</script>

@endsection

@endsection