@extends('layouts.admin-layouts.admin-master')
@section('content')
@include('layouts.admin-layouts.alerts.flash-message')
<div class="page-heading">
    <h1 class="page-title">Form Layouts</h1>
    <ol class="breadcrumb">
        <li class="breadcrumb-item">
            <a href="index.html"><i class="la la-home font-20"></i></a>
        </li>
        <li class="breadcrumb-item">Forms</li>
        <li class="breadcrumb-item">Form Layouts</li>
    </ol>
</div>
<div class="page-content fade-in-up">
    <div class="row">
        <div class="col-md-12">
            <div class="ibox ibox-fullheight">
                <div class="ibox-head">
                    <div class="ibox-title">Add Job</div>
                </div>
                <form class="form-info" action="{{ route('postjob.store') }}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="ibox-body">
                        <div class="row">
                            <div class="col-sm-6 form-group mb-0">
                                <label>Select Department</label>

                                <select class="form-control @error('department_id') is-invalid @enderror"
                                    name='department_id' id="department_selection">

                                    <option value=''>Select Department</option>
                                    @foreach($dep as $value)
                                    <option value={{$value->id}}>{{$value->department}}</option>
                                    @endforeach

                                </select>
                                @error('department_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="col-sm-6 form-group mb-0" id="descipline_div">
                                <label>Select Discipline</label>

                                <select class="form-control @error('discipline_id') is-invalid @enderror"
                                    name='discipline_id' id="descipline_selection">


                                </select>
                                @error('discipline_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>



                            <div class="col-sm-6 form-group mb-0">

                                <label>Add Title</label>
                                <input class="form-control @error('title') is-invalid @enderror" type="text"
                                    placeholder="Job Title" name='title' value="{{old('title')}}">
                                @error('title')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="col-sm-6 form-group mb-0">

                                <label>Last Date</label>
                                <input class="form-control @error('last_date') is-invalid @enderror" type="date"
                                    name='last_date' min="{{$date}}" value="{{old('last_date')}}">
                                @error('last_date')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="col-sm-6 form-group  mt-3">
                                <label class="form-label" for="customFile">Upload Image</label><br>
                                <input type="file" name="file" accept="image/*">

                                @error('file')
                                <span style="color:red">{{$message}}</span>
                                @enderror

                            </div>
                            <div class="col-sm-12 form-group mb-0">

                                <label>Job Description</label>   
                                
                                
                                <textarea data-plugin="summernote" data-air-mode="true" class="form-control summernote" value="{{old('description')}}" name="description" 
                                    rows="4" placeholder="Enter job description..."></textarea>
                                @error('description')
                                <span style="color:red">{{$message}}</span>
                                @enderror
                            </div>


                        </div>
                    </div>
                    <div class="ibox-footer">
                        <button class="btn btn-info mr-2" type="submit">Add</button>
                        <a href="{{route('postjob.index')}}"><button class="btn btn-secondary"
                                type="button">Cancel</button></a>
                    </div>
                </form>    
            </div>
        </div>
    </div>
</div>

@endsection

@section('js-script')

<script>
$(document).ready(function(){
    $('#descipline_div').css('display','none');
    $('#department_selection').change(function(){
        if($('#department_selection').val())
        {
            $('#descipline_div').css('display','block');
            data = {
                department_id:document.getElementById('department_selection').value
            }
            $(".print-error-msg").find("ul").html('');
            $(".print-error-msg").css('display','none');
            $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });
            $.ajax({  
                    method: "POST",
                    url: "{{route('admin.show_department_descipline_lists')}}",
                    data: data,
                }).done(function (res) {
                    if (res.descipline) {
                        $("#descipline_selection").empty();
                        $("#descipline_selection").append("<option value=''>Select Descipline</option>");
                        $.each(res.descipline, function (i, data) {      // bind the dropdown list using json result              
                        $('<option>',
                            {
                                value: data.id,
                                text: data.discipline,
                            }).html( data.discipline).appendTo("#descipline_selection");
                        });
                    } else {                  
                        $(".print-error-msg").find("ul").html('');
                        $(".print-error-msg").css('display','block');
                        $(".print-error-msg").find("ul").append('<li>'+value+'</li>');
                        
                    }
                });      
        }
        else
        {
            $('#descipline_div').css('display','none');
            $('#descipline_selection').val('');
        }
    })
    })
</script>
@endsection