@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="" method="post"
                                  enctype="multipart/form-data"
                                  autocomplete="on">
                                @csrf
                                <div class="row">
                                    <input type="text" name="id" class="d-none" value="{{$details->id}}">
                                    <div>
                                        <div>
                                            <label for="" class="form-label">Write Final Remark</label>
                                            <input type="text" class="form-control description"
                                                   value="@if(isset($intervier_stage_details->description) ) {{$intervier_stage_details->description }} @endif"
                                                   name="description" placeholder="Write Final Interviewer Remark">
                                        </div>
                                    </div>
                                    <div class="col-sm-12">
                                        <div class="card-body common-flex  justify-content-center main-checkbox-toggle">
                                            <input class="btn-check job_seeker_status" data-id="{{$details->id}}"
                                                   value="1" id="btn-check-outlined"
                                                   type="radio"
                                                   name="status"
                                                   @if(isset($intervier_stage_details->select_status) and $intervier_stage_details->select_status == 1)
                                                       checked
                                                @endif
                                            >
                                            <label class="btn btn-outline-success"
                                                   for="btn-check-outlined">Selected</label>

                                            <input class="btn-check job_seeker_status" data-id="{{$details->id}}"
                                                   value="3" id="warning-outlined"
                                                   type="radio" name="status"
                                                   @if(isset($intervier_stage_details->select_status) and $intervier_stage_details->select_status == 3)
                                                       checked
                                                @endif
                                            >
                                            <label class="btn btn-outline-warning"
                                                   for="warning-outlined">Reserved</label>

                                            <input class="btn-check job_seeker_status" data-id="{{$details->id}}"
                                                   value="2"
                                                   id="btn-check-2-outlined" name="status"
                                                   type="radio"
                                                   @if(isset($intervier_stage_details->select_status) and $intervier_stage_details->select_status == 2)
                                                       checked
                                                @endif
                                            >
                                            <label class="btn btn-outline-danger"
                                                   for="btn-check-2-outlined">Rejected</label>

                                        </div>

                                    </div>
                                    <div class="col-sm-3 mb-3 d-none">
                                        <label for="" class="form-label">Selected / Rejected / Reserved</label>
                                        <select name="" id="" class="form-select">
                                            <option value="">Choose...</option>
                                            <option value="1">Selected</option>
                                            <option value="2">Rejected</option>
                                            <option value="3">Reserved</option>
                                        </select>
                                    </div>
                                    <div class="col-sm-2 d-none">
                                        <button class="mt-4 btn btn-primary">Submit</button>
                                    </div>
                                </div>
                            </form>

                            <form action="{{route("store-interviewer-remark-form")}}" method="post"
                                  enctype="multipart/form-data"
                                  autocomplete="on">
                                @csrf
                                <div class="row interviewer_remark_con">
                                    <hr>
                                    <input type="text" name="id" class="d-none" value="{{$details->id}}">
                                    <input type="text" name="edit_details" id="edit_details" class="d-none" value="">

                                    <div class="col-sm-12">
                                        <div class="common-flex justify-content-end">
                                            @if($remark_count > 0)
                                                <button class="btn-primary btn edit_details_btn">Edit Details</button>
                                            @endif
                                            <a class="btn btn-primary"
                                               href="{{route('view-job-seekers-details' , ["id"=>$details->id])}}">
                                                View Details
                                            </a>
                                        </div>

                                        <table class="table table-bordered">
                                            <thead>
                                            <tr>
                                                <th>Non Acceptable</th>
                                                <th>Sno.</th>
                                                <th>Remark Heads</th>
                                                <th>Rating</th>
                                                <th>Description</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($remarks as $pr)
                                                @php
                                                    if(isset($pr->getInterviewerRemarks)){
                                                        $r = $pr->getInterviewerRemarks;
                                                    }else{
                                                        $r = $pr;
                                                    }
                                                        $count = $r->getJobSeekerIntervirewerRemarkByHead()->where("job_seeker_id" , $details->id)->count();
                                                        $job_seeker_rating = "";
                                                        $job_seeker_description = "";
                                                        foreach ($job_seekers_remarks as $j){
                                                            if ($j->master_interview_remark_id == $r->id){
                                                                $job_seeker_rating  = $j->rating;
                                                                $job_seeker_description  = $j->description;
                                                                break;
                                                            }
                                                        }
                                                        $bg_color = "";
                                                        $status = false;
                                                        if (isset($remark_count) and $remark_count > 0 and $count <=0 ){
                                                                $bg_color = "#d6d6d6";
                                                                $status = true;
                                                        }
                                                @endphp

                                                <tr class="" style="background-color:{{$bg_color}};">
                                                    <td>
                                                        @if($status)
                                                            <i class='fa fa-close fs-5 text-danger  non_accept_delete_btn'></i>
                                                        @else
                                                            <input type="checkbox" name=""
                                                                   class="non_acceptable_checkbox"
                                                                   id="">
                                                        @endif
                                                    </td>
                                                    <td>{{$loop->iteration}}</td>
                                                    <td>{{$r->remark_nam}} ({{$r->rating}})</td>
                                                    <td>
                                                        <input type="text" class="d-none interviewer_remark_id"
                                                               name="interview_remark_id[]"
                                                               value="{{$r->id}}">
                                                        @if($status)
                                                            <i class='fa fa-close fs-5 text-danger  rating_delete_btn'></i>
                                                        @else
                                                            <div class="">
                                                                <button class="text-black decrease_btn">-</button>
                                                                <input type="number" name="ratings[]"
                                                                       class="rating_input" step="0.01"
                                                                       placeholder="" style="width:30px" required
                                                                       value="{{$job_seeker_rating}}">
                                                                <button class=" text-black increase_btn"> +</button>
                                                            </div>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if($status)
                                                            <i class='fa fa-close fs-5 text-danger description_box_delete_btn'></i>
                                                        @else
                                                            <input type="text" name="description[]"
                                                                   placeholder="Write Description"
                                                                   class="description_box"
                                                                   value="{{$job_seeker_description}}">
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                    <div>
                                        <button class="btn btn-primary submit_remark_btn">Submit Remark</button>
                                    </div>

                                </div>
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>


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

            $(".table").on("click", ".increase_btn", function (e) {
                e.preventDefault();
                let input = $(this).closest("td").find(".rating_input")
                let rating = Number($(input).val()) + 0.5;
                if (rating <= 5) {
                    $(input).val(rating)
                }
            })
            $(".table").on("click", ".decrease_btn", function (e) {

                e.preventDefault();
                let input = $(this).closest("td").find(".rating_input")
                let rating = Number($(input).val()) - 0.5;
                if (rating >= 0) {
                    $(input).val(rating)
                }
            })

            function non_acceptable_checkbox() {
                $(".non_acceptable_checkbox").off("change")
                $(".table").on("change", ".non_acceptable_checkbox", function (e) {
                    let tr = $(this).closest("tr");
                    if ($(this).is(':checked')) {
                        $(tr).css("background-color", "#d6d6d6")
                        $(tr).find(".non_acceptable_checkbox").replaceWith("<i class='fa fa-close fs-5 text-danger  non_accept_delete_btn'></i>");
                        $(tr).find(".rating_input").replaceWith("<i class='fa fa-close fs-5 text-danger  rating_delete_btn'></i>");
                        $(tr).find(".description_box").replaceWith("<i class='fa fa-close fs-5 text-danger  description_box_delete_btn'></i>");
                        $(tr).find(".increase_btn").addClass("d-none");
                        $(tr).find(".decrease_btn").addClass("d-none");
                        $(this).closest("tr").find(".non_acceptable_checkbox").prop("disabled", false)
                        for_acceptable();
                    } else {
                        $(this).closest("tr").css("background-color", "")
                        $(this).closest("tr").find("input").prop("disabled", false)
                    }
                })
            }

            non_acceptable_checkbox();

            function for_acceptable() {
                $(".non_accept_delete_btn").off("click")
                $(".table").on("click", ".non_accept_delete_btn", function (e) {
                    e.preventDefault()
                    let tr = $(this).closest("tr");
                    $(tr).css("background-color", "white")
                    $(tr).find(".non_accept_delete_btn").replaceWith('<input type="checkbox" name="" class="non_acceptable_checkbox">');
                    $(tr).find(".rating_delete_btn").replaceWith('<input type="number" name="ratings[]" class="rating_input"  placeholder="Write Rating" style="width:30px" step="0.01" required>');
                    $(tr).find(".description_box_delete_btn").replaceWith('<input type="text" name="description[]" placeholder="Write Description" class="description_box">');
                    $(tr).find(".increase_btn").removeClass("d-none");
                    $(tr).find(".decrease_btn").removeClass("d-none");

                    non_acceptable_checkbox()
                })
            }

            for_acceptable();

            let c = 0;
            $(".edit_details_btn").click(function (e) {
                e.preventDefault()
                c++
                if (c == 1) {
                    $("#edit_details").val(1)
                    c++;
                    Swal.fire("Now You Can Edit!");
                    $(".interviewer_remark_con input ").removeAttr("disabled");
                    $(".interviewer_remark_con select ").removeAttr("disabled");
                    $(".interviewer_remark_con input").removeAttr("disabled");
                    $(".interviewer_remark_con select").removeAttr("disabled");
                    $(".interviewer_remark_con .submit_remark_btn").removeAttr("disabled");
                    $(".interviewer_remark_con .non_acceptable_checkbox").attr("disabled", false);

                    let checkbox = $(".non_acceptable_checkbox")
                    $(checkbox).each(function (i) {
                        if ($(checkbox[i]).is(":checked")) {
                            console.log($(checkbox[i]).closest("tr"))
                            $(checkbox[i]).closest("tr").find("input").attr("disabled", true);
                            $(checkbox[i]).closest("tr").find(".non_acceptable_checkbox").removeAttr("disabled");
                        }
                    })
                } else {
                    $("#edit_details").val("")
                    $(".interviewer_remark_con input ").attr("disabled", "true");
                    $(".interviewer_remark_con select ").attr("disabled", "true");
                    $(".interviewer_remark_con input").attr("disabled", "true");
                    $(".interviewer_remark_con select").attr("disabled", "true");
                    $(".interviewer_remark_con .submit_remark_btn").attr("disabled", "true");
                    $(".interviewer_remark_con .non_acceptable_checkbox").attr("disabled", false);

                    c = 0;
                }
                $(".submit_remark_btn").text("save Changes")
            })


            @if($remark_count > 0)
            $(".interviewer_remark_con input ").attr("disabled", "true");
            $(".interviewer_remark_con select ").attr("disabled", "true");
            $(".interviewer_remark_con input").attr("disabled", "true");
            $(".interviewer_remark_con select").attr("disabled", "true");
            $(".interviewer_remark_con .submit_remark_btn").attr("disabled", "true");
            // $(".interviewer_remark_con .non_acceptable_checkbox").attr("disabled", false);
            @endif


            $(".job_seeker_status").change(function () {
                let status = $(this).val();
                let id = $(this).data("id");
                let description = $(".description").val();
                console.log(description);
                console.log(status)
                $.ajax({
                    url: "{{route('store-job-seekers-interviewer-status')}}",
                    type: "POST",
                    data: {
                        "_token": "{{ csrf_token() }}", // Add the CSRF token to the data
                        "id": id,
                        "status": status,
                        "description": description
                    },
                    success: function (data) {
                        console.log(data);
                        if (data.response == 1) {
                            Swal.fire(
                                'Successfully Done!',
                                'success'
                            )
                            location.reload();
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Oops...',
                                text: 'Something went wrong!',
                            })
                        }
                    }
                })


            })
        })
    </script>

@endsection