@extends("template.layouts.simple.master")
@section('content')
    <div class="page-body">
        @include("master.notification")
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <form action="{{route("mrf-details-store")}}" method="post" autocomplete="on">
                                @csrf
                                <div class="row">
                                    <div class="col-sm-6">
                                        <label for="">Position Name</label>
                                        <select name="job_name" id="job_name" class="form-select">
                                            <option value=""></option>
                                            @foreach($jobs_name as $j)
                                                <option value="{{$j->id}}" @if($j->id == old("job_name")) selected @endif>{{$j->name}}</option>
                                            @endforeach
                                        </select>
                                        @error("job_name")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-6">
                                        <label for="">Location</label>
                                        <input type="text" name="location" class="form-control"
                                               value="{{old("location")}}">
                                        @error("location")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-3">
                                        <label for="">Payroll </label>
                                        <select name="payroll" id="payroll" class="form-select">
                                            <option value=""></option>
                                            @php
                                                $on= "";
                                                $off= "";
                                                if(old("payroll") == 1){
                                                    $on = "selected";
                                                }elseif(old("payroll") == 2){
                                                    $off = "selected";
                                                }
                                            @endphp
                                            <option value="1" {{$on}}>On</option>
                                            <option value="0" {{$off}}>Off</option>
                                        </select>
                                        @error("payroll")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>

                                    <div class="col-sm-3">
                                        <label for="">Experience</label>
                                        <input type="text" name="experience" class="form-control"
                                               value="{{old("experience")}}">
                                        @error("experience")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-6">
                                        <label for="">Job Description</label>
                                        <input type="text" name="description" class="form-control"
                                               value="{{old("description")}}">
                                        @error("description")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>

                                    <div class="col-sm-4">
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <label for="">Min Age </label>
                                                <input type="number" name="min_age" class="form-control"
                                                       value="{{old("min_age")}}">
                                                @error("min_age")
                                                <div class="fw-bold text-danger">{{$message}}</div>
                                                @enderror
                                            </div>
                                            <div class="col-sm-6">
                                                <label for="">Max Age </label>
                                                <input type="number" name="max_age" class="form-control"
                                                       value="{{old("max_age")}}">
                                                @error("max_age")
                                                <div class="fw-bold text-danger">{{$message}}</div>
                                                @enderror
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-sm-4">
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <label for="">Min Budget </label>
                                                <input type="number" name="min_budget" class="form-control"
                                                       value="{{old("min_budget")}}">
                                                @error("min_budget")
                                                <div class="fw-bold text-danger">{{$message}}</div>
                                                @enderror
                                            </div>
                                            <div class="col-sm-6">
                                                <label for="">Max Budget </label>
                                                <input type="number" name="max_budget" class="form-control"
                                                       value="{{old("max_budget")}}">
                                                @error("max_budget")
                                                <div class="fw-bold text-danger">{{$message}}</div>
                                                @enderror
                                            </div>
                                        </div>

                                    </div>

                                    <div class="col-sm-4 d-none">
                                        <label for="">Client Name</label>
                                        <input type="text" id="client_name" name="client_name" class="form-control"
                                               value="{{old("client_name")}}">
                                        @error("client_name")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>

                                    <div class="col-sm-4">
                                        <label for="">Notice Period</label>
                                        <input type="text" name="notice_period" class="form-control"
                                               value="{{old("notice_period")}}">
                                        @error("notice_period")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>


                                    <div class="col-sm-4">
                                        <label for="">Department</label>
                                        <select name="department" id="" class="form-select">
                                            <option value=""></option>
                                            @foreach($departments as $d)
                                                <option value="{{$d->id}}">{{$d->name}}</option>
                                            @endforeach
                                        </select>
                                        @error("department")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>

                                    <div class="col-sm-4">
                                        <label for="">No Of Opening </label>
                                        <input type="number" name="no_of_opening" class="form-control"
                                               value="{{old("no_of_opening")}}">
                                        @error("no_of_opening")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-3 d-none">
                                        <label for="">Starting Date </label>
                                        <input type="date" name="starting_date" class="form-control"
                                               value="{{old("starting_date")}}">
                                        @error("starting_date")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-3 d-none">
                                        <label for="">Ending Date </label>
                                        <input type="date" name="ending_date" class="form-control"
                                               value="{{old("ending_date")}}">
                                        @error("ending_date")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>

                                    <div class="col-sm-4">
                                        <label for="">Priority </label>
                                        <select name="priority" id="" class="form-select">
                                            <option value=""></option>
                                            @php
                                                $high= "";
                                                $low = "";
                                                $medium= "";
                                                if(old("priority") == 1){
                                                    $high = "selected";
                                                }elseif(old("priority") == 2){
                                                    $low = "selected";
                                                }elseif(old("priority") == 3){
                                                    $medium = "selected";
                                                }
                                            @endphp
                                            <option value="1" {{$high}}>High</option>
                                            <option value="2" {{$low}}>Low</option>
                                            <option value="3" {{$medium}}>Medium</option>
                                        </select>
                                        @error("priority")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-3 d-none">
                                        <label for="">Status </label>
                                        <input type="text" name="status" class="form-control" value="{{old("status")}}">
                                        @error("status")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>

                                    <div class="col-sm-12">
                                        <label for="">Skills</label>
                                        <select name="skills[]" id="skills" class="form-select" multiple required>
                                            <option value=""></option>
                                            @foreach($skills as $s)
                                                <option value="{{$s->id}}">{{$s->name}}</option>
                                            @endforeach
                                        </select>
                                        @error("skills")
                                        <div class="fw-bold text-danger">{{$message}}</div>
                                        @enderror
                                    </div>


                                    <div class="col-sm-12 mt-2">
                                        <button class="btn-primary btn">Submit</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
@endsection
{{--@include("")--}}
@section("scripts")
    @include("master.notification_show_hide")
    <script>
        $(document).ready(function () {

            $("#job_name").select2({
                width: "100%",
                dropdownParent: $("#job_name").parent("div"),
                placeholder: "Select Job name   ",
                tags: true
            })
            $("#skills").select2({
                width: "100%",
                dropdownParent: $("#skills").parent("div"),
                placeholder: "Select Skills",
                tags: true
            })

            $("#payroll").change(function () {
                let status = $(this).val();
                if (status == 1) {
                    $("#client_name").closest("div").addClass("d-none")
                } else {
                    $("#client_name").closest("div").removeClass("d-none")

                }
            })
        })
    </script>

@endsection