@extends("template.layouts.simple.master")
@section("style")
    <style>
        th, td {
            padding: 10px;
        }

        td input, select {
            padding: 3px;
        }
    </style>
@endsection
@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-header">
                            <button class="btn btn-primary float-end edit_details_btn">Edit Details</button>
                        </div>
                        <form action="{{route("store-update-job-seeker-documents")}}" method="post"
                              enctype="multipart/form-data">
                            @csrf
                            <input type="text" class="d-none" name="job_seeker_id" value="{{$id}}">
                            <input type="text" class="d-none" name="edit_details" id="edit_details" value="">
                            <div class="card-body document_upload_con">
                                <div class="overflow-auto">
                                    <table class="table-bordered" style="width: 100% ">
                                        <thead>
                                        <tr>
                                            <th>Sno</th>
                                            <th>Document Type</th>
                                            <th>Upload</th>
                                            <th>Send Status</th>
                                            <th>Receive Status</th>
                                            <th>Description</th>
                                            <th>Action <i class="fa fa-plus-square fs-4 add_more_document_btn"></i></th>
                                        </tr>
                                        </thead>
                                        <tbody class="document_tbody">
                                        @foreach($details as $d)
                                            <tr>
                                                <td>{{$loop->iteration}}</td>
                                                <td>
                                                    <input type="text" class="d-none" name="document_id[]" value="{{$d->id}}">

                                                    <select style="width: 130px " name="update_document_type[]" id=""
                                                            class="">
                                                        <option value="">Choose</option>
                                                        @foreach($document_types as $do)
                                                            <option value="{{$do->id}}"
                                                                    @if($d->master_document_id == $do->id)
                                                                        selected
                                                                @endif>{{$do->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </td>
                                                <td class="text-center">
                                                    <a class="btn-primary text-white p-1" target="_blank"
                                                       href="{{route("show-pdf" , ["key"=>3 ,"pdf_name"=>isset($d->upload_document) ? $d->upload_document   : ""])}}">
                                                        View Document
                                                    </a>
                                                    <br>
                                                </td>
                                                <td>
                                                    <select style="width: 100px " name="update_send_status[]" id=""
                                                            class="">
                                                        @php
                                                            $send= "";
                                                            $not_send= "";
                                                            if($d->send_status == 1){
                                                                $send = "selected";
                                                            }else{
                                                                $not_send = "selected";
                                                            }
                                                        @endphp
                                                        <option value="">Choose..</option>
                                                        <option value="1" {{$send}}>Send</option>
                                                        <option value="0" {{$not_send}}>Not Send</option>
                                                    </select>
                                                </td>
                                                <td>
                                                    <select style="width: 120px " name="update_receive_status" id=""
                                                            class="">
                                                        @php
                                                            $receive= "";
                                                            $not_receive= "";
                                                            if($d->receive_status == 1){
                                                                $receive = "selected";
                                                            }else{
                                                                $not_receive = "selected";
                                                            }
                                                        @endphp
                                                        <option value="">Choose..</option>
                                                        <option value="1" {{$receive}}>Receive</option>
                                                        <option value="0" {{$not_receive}}>Not Receive</option>
                                                    </select>
                                                </td>
                                                <td><input type="text" value="{{$d->description}}"
                                                           name="update_description[]"></td>
                                                <td>
                                                    <i class="fa fa-close text-danger delete_document_btn"
                                                       data-id="{{$d->id}}"></i>
                                                </td>
                                            </tr>
                                        @endforeach
                                        @if(count($details) <= 0)
                                            <tr>
                                                <td>1</td>
                                                <td>
                                                    <select style="width: 130px " name="insert_document_type[]" id=""
                                                            class="">
                                                        <option value="">Choose</option>
                                                        @foreach($document_types as $d)
                                                            <option value="{{$d->id}}">{{$d->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </td>
                                                <td>
                                                    <input style="width: 150px ;padding: -8px"
                                                           name="insert_upload_document[]" type="file">
                                                </td>
                                                <td>
                                                    <select style="width: 100px " name="insert_send_status[]" id=""
                                                            class="">
                                                        <option value="">Choose..</option>
                                                        <option value="1">Send</option>
                                                        <option value="0">Not Send</option>
                                                    </select>
                                                </td>
                                                <td>
                                                    <select style="width: 100px " name="insert_receive_status" id=""
                                                            class="">
                                                        <option value="">Choose..</option>
                                                        <option value="1">Receive</option>
                                                        <option value="0">Not Receive</option>
                                                    </select>
                                                </td>
                                                <td><input type="text" name="insert_description[]"></td>
                                                <td>
                                                    <i class="fa fa-close text-danger"></i>
                                                </td>
                                            </tr>
                                        @endif

                                        </tbody>
                                    </table>
                                </div>
                                <div class="mt-3">
                                    <button class="btn-primary btn">Submit</button>
                                </div>
                            </div>
                        </form>

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


    </div>
@endsection
{{--@include("")--}}
@section("scripts")
    @include("master.notification_show_hide")
    <script>
        $(document).ready(function () {
            let tr_count = $(".document_tbody").children().length;
            $(".add_more_document_btn").click(function (e) {
                console.log("hh")
                tr_count++;
                let html = `<td>${tr_count}</td>
                                            <td>
                                                <select style="width: 130px " name="insert_document_type[]" id="" class="">
                                                    <option value="">Choose</option>
                                                    @foreach($document_types as $d)
                <option value="{{$d->id}}">{{$d->name}}</option>
                                                    @endforeach
                </select>
            </td>
            <td>
                <input style="width: 150px ;padding: -8px" name="insert_upload_document[]" type="file">
            </td>
            <td>
                <select style="width: 100px " name="insert_send_status[]" id="" class="">
                    <option value="">Choose..</option>
                    <option value="1">Send</option>
                    <option value="0">Not Send</option>
                </select>
            </td>
            <td>
                <select style="width: 100px " name="insert_receive_status" id="" class="">
                    <option value="">Choose..</option>
                    <option value="1">Receive</option>
                    <option value="0">Not Receive</option>
                </select>
            </td>
            <td><input type="text" name="insert_description[]"></td>
            <td>
                <i class="fa fa-close text-danger remove_btn fs-4"></i>
            </td>`;

                let row = $("<tr>", {
                    html,
                }).appendTo(".document_tbody")
                $(".document_tbody").find(".remove_btn").unbind("click");
                $(".document_tbody").find(".remove_btn").click(function (e) {
                    e.preventDefault();
                    $(this).closest("tr").remove();
                })

            })


            let c = 0;
            $(".edit_details_btn").click(function (e) {
                e.preventDefault()
                c++
                if (c == 1) {
                    $("#edit_details").val(1)
                    c++;
                    $(".document_upload_con input ").removeAttr("disabled");
                    $(".document_upload_con select ").removeAttr("disabled");
                    $(".document_upload_con input").removeAttr("disabled");
                    $(".document_upload_con select").removeAttr("disabled");
                    $(".document_upload_con .submit_remark_btn").removeAttr("disabled");
                } else {
                    $("#edit_details").val("")
                    $(".document_upload_con input ").attr("disabled", "true");
                    $(".document_upload_con select ").attr("disabled", "true");
                    $(".document_upload_con input").attr("disabled", "true");
                    $(".document_upload_con select").attr("disabled", "true");
                    $(".document_upload_con .submit_remark_btn").attr("disabled", "true");
                    c = 0;
                }
                $(".submit_btn").text("save Changes")
            })


            @if(count($details) > 0)
            $(".document_upload_con input ").attr("disabled", "true");
            $(".document_upload_con select ").attr("disabled", "true");
            $(".document_upload_con input").attr("disabled", "true");
            $(".document_upload_con select").attr("disabled", "true");
            // $(".document_upload_con ").attr("disabled", "true");
            @endif

            $(".delete_document_btn").click(function (e) {
                e.preventDefault();
                const id = $(this).data("id");
                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, delete it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: "{{route('delete-job-seeker-documents')}}",
                            type: "POST",
                            data: {
                                "_token": "{{ csrf_token() }}", // Add the CSRF token to the data
                                "id": id
                            },
                            success: function (data) {
                                console.log(data);
                                if (data.response == 1) {
                                    Swal.fire(
                                        'Deleted!',
                                        'Your file has been deleted.',
                                        'success'
                                    )
                                    location.reload();
                                } else {
                                    Swal.fire({
                                        icon: 'error',
                                        title: 'Oops...',
                                        text: 'Something went wrong!',
                                    })
                                }
                            }
                        })

                    }
                })

            })
        })
    </script>

@endsection