@extends("layouts.admin.app")
@section("page-title")
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1> {{__("consultant")}}</h1>
            <p>{{__("edit consultant")}}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
            <li class="breadcrumb-item"><a href="{{route("admin.consultant.index")}}">{{__("consultant")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Create")}}</a></li>
        </ul>
    </div>
@endsection

@section("content")

    <div class="row">
        <div class="col-lg-10 m-auto">
            <div class="tile">
                <h3 class="tile-title">{{__("Edit consultant")}}</h3>

                <div class="tile-body">

                    <div>
                        <form method="post" action="{{route('admin.timeSlotType.details.update',['id' => $consultant->id]) }}" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label required">{{__("full-name")}}</label>
                                        <input class="form-control @if($errors->has('full_name')) is-invalid @endif"
                                               type="text" name="full_name" placeholder="{{__("enter-full-name")}}"
                                               value="{{$consultant->full_name}}">
                                    </div>
                                    @error("full_name")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label required">{{__("phone-number")}}</label>
                                        <input class="form-control @if($errors->has('phone_number')) is-invalid @endif"
                                               type="text" name="phone_number"
                                               placeholder="{{__("enter-phone-number")}}"
                                               value="{{$consultant->phone_number}}">
                                    </div>
                                    @error("phone_number")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="control-label required">{{__("email")}}</label>
                                        <input class="form-control @if($errors->has('email')) is-invalid @endif"
                                               type="email" name="email" placeholder="{{__("enter-email")}}"
                                               value="{{$consultant->email}}">
                                    </div>
                                    @error("email")
                                    <div class="input-error">{{$message}}</div>
                                    @enderror
                                </div>

                                <div class="col">
                                    <label class="control-label">{{__("About Consultant")}}</label>
                                    <textarea style="height: 40px" class="form-control @if($errors->has('consultant_description')) is-invalid @endif" type="text" name="consultant_description" placeholder="{{__("enter-description")}}">{{$consultant->description}}</textarea>
                                </div>

                            </div>
                            <div class="row">

                            </div>
                            <hr>
                            <label class="control-label required"
                                   style="padding-top: 10px">{{__("Consultation Type")}}</label>

                            <div class="row" style="padding-top: 10px">
                                <div class="col-lg-2">
                                    <div class="form-group">
                                        <div class="checkbox-correct size-1 check-box mr-2">

                                            <label class="control-label" style="display:flex"><input type="checkbox"class="checkbox_check" id="onlinePrice"
                                                                                                     name="ConsultationType[]"
                                                                                                     value=1
                                                                                                     {{in_array('1', $requestArr) ? 'checked' : '' }}
                                                                                                     style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif">{{__("Online")}}
                                            </label>
                                        </div>
                                    </div>
                                    <div id="showOnlinePrice"
                                         style="display: none">
                                        <label class="control-label required  @if($errors->has('online_price')) is-invalid @endif">{{__("Online Price")}}</label>
                                        <input class="form-control" type="number" min="0" name="online_price"
                                               value="{{$consultant->online_price}}">

                                    </div>

                                </div>
                                <div class="col-lg-3">
                                    <div class="form-group">
                                        <div class="checkbox-correct size-1 check-box mr-2">
                                            <label class="control-label" style="display:flex"><input type="checkbox"
                                                                                                     id="offlinePrice"

                                                                                                     class="checkbox_check"
                                                                                                     name="ConsultationType[]"
                                                                                                     value=0
                                                                                                     style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif"
                                                                                                     {{in_array('0', $requestArr) ? 'checked' : '' }}
                                                                                                     style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif">{{__("Offline")}}
                                            </label>
                                        </div>
                                    </div>

                                    <div id="showOfflinePrice"
                                         style="display: none">
                                        <label class="control-label required">{{__("Offline Price")}}</label>
                                        <input class="form-control" type="number" min="0" name="offline_price"
                                               value="{{$consultant->offline_price}}">

                                    </div>

                                </div>
                                <div class="col-lg-3">
                                    <div class="form-group">
                                        <div class="checkbox-correct size-1 check-box mr-2">
                                            <label class="control-label" style="display:flex"><input type="checkbox"
                                                                                                     class="checkbox_check"
                                                                                                     id="chatPrice"
                                                                                                     name="ConsultationType[]"
                                                                                                     value=2
                                                                                                     {{in_array('2', $requestArr) ? 'checked' : '' }}
                                                                                                     style="@if(app()->getLocale() == 'en') margin-right:10px @else margin-left:10px @endif">{{__("Chat")}}
                                            </label>
                                        </div>
                                    </div>
                                    <div id="showChatPrice"
                                         style="display: none">
                                        <label class="control-label required">{{__("Cash Price")}}</label>
                                        <input class="form-control" type="number" min="0" name="chat_price"
                                               value="{{$consultant->chat_price}}">

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


                            <div>
                                <button type="button"   style="margin-left: 50rem ;  margin-bottom: 2rem;" class="btn btn-warning " data-toggle="modal"
                                        data-target="#Attachment{{$consultant->id}}">
                                    {{__('Add New Account')}}
                                </button>
                                <div class="modal fade" id="Attachment{{$consultant->id}}" tabindex="-1"
                                     aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-xl">
                                        <div class="modal-content" style="height: 800px;overflow-y: auto;">
                                            <div class="modal-header">
                                                <h5 class="modal-title"
                                                    id="exampleModalLabel">{{__('New Account')}}</h5>
                                                <button  type="button" class="close" data-dismiss="modal"
                                                         aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div>

                                                <div class="links-box">
                                                    <h3>{{"Create New Account"}}</h3>
                                                    <hr>
                                                    <div class="row">
                                                        <div class="col">

                                                            <div class="form-group">
                                                                <label class="control-label required">{{__("account_type")}}</label>
                                                                <select class="form-control @if($errors->has('account_type')) is-invalid @endif"
                                                                        id="account_type" name="account_type_id">
                                                                    <option></option>
                                                                    @foreach($account_types as $account_type)
                                                                        <option value="{{$account_type->id}}" {{ old('account_type') == $account_type->id ? "selected" : "" }}>{{$account_type->name_en}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            @error("account_type")
                                                            <div class="input-error">{{$message}}</div>
                                                            @enderror
                                                        </div>
                                                        <div class="col">
                                                            <div class="form-group">
                                                                <label class="control-label">{{__("account number")}}</label>
                                                                <textarea style="height: 40px"
                                                                          class="form-control @if($errors->has('account_number')) is-invalid @endif"
                                                                          type="text" name="account_number[]"
                                                                >{{inputValue("account_number")}}</textarea>
                                                            </div>
                                                            @error("consultant_description")
                                                            <div class="input-error">{{$message}}</div>
                                                            @enderror
                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <div class="col">
                                                            <div class="form-group">
                                                                <label class="control-label">{{__("account name")}}</label>
                                                                <textarea style="height: 40px"
                                                                          class="form-control @if($errors->has('account_name')) is-invalid @endif"
                                                                          type="text" name="account_name[]"
                                                                >{{inputValue("account_name")}}</textarea>
                                                            </div>
                                                            @error("account_name")
                                                            <div class="input-error">{{$message}}</div>
                                                            @enderror                                    </div>
                                                        <div class="col">
                                                            <div class="form-group">
                                                                <label class="control-label">{{__("account information")}}</label>
                                                                <textarea style="height: 40px"
                                                                          class="form-control @if($errors->has('account_information')) is-invalid @endif"
                                                                          type="text" name="account_information[]"
                                                                >{{inputValue("account_information")}}</textarea>
                                                            </div>
                                                            @error("account_information")
                                                            <div class="input-error">{{$message}}</div>
                                                            @enderror                                    </div>
                                                    </div>
                                                    <div id="accountInfo">
                                                    </div>

                                                </div>
                                            </div>

                                            <div class="modal-footer">
                                                <button id="submit" style="background-color: green" type="button" class="btn btn-primary" >
                                                    <i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("Create")}}
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                <table class="table table-bordered">
                    <thead>

                    <tr>
                        <th>{{__("Account Name ")}}</th>
                        <th>{{__("Account Number")}}</th>
                        <th>{{__("Account Information")}}</th>
                        <th>{{__("Account Type")}}</th>
                        <th>{{__("Action")}}</th>



                    </tr>
                    </thead>
                    <tbody>

                    @foreach($consultant_account as $account)
                        <tr>
                            <td>{{$account->account_name}}</td>
                            <td>{{$account->account_number}}</td>
                            <td>{{$account->account_information}}</td>
                            <td>{{$account->consultantAccount->name_en}}</td>
                            <td>
                                <a href="{{route("admin.consultant.editAccount",$account->id)}}" class="control-link edit"><i class="fas fa-edit"></i></a>
                                <form action="{{ route("admin.timeSlotType.destroy", ['account' => $account->id]) }}" method="post" id="delete{{$account->id}}" style="display: none" data-swal-title="{{ __("Delete Account") }}" data-swal-text="{{ __("Are You Sure To Delete This Category ?") }}" data-yes="{{ __("Yes") }}" data-no="{{ __("No") }}" data-success-msg="{{ __("The Account has been deleted successfully") }}">
                                    @csrf
                                    @method("post")
                                </form>
                                <span href="#" class="control-link remove form-confirm" data-form-id="#delete{{$account->id}}"><i class="far fa-trash-alt"></i></span>

                            </td>


                        </tr>

                    @endforeach
                    </tbody>
                </table>



                <hr>




                <div id="accountInfo">
                </div>
                <hr>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="form-group">
                            {{--                                        <label class="control-label">{{__("Consultant hoto")}}</label>--}}

                        </div>
                        @error("Consultant_image")
                        <div class="input-error">{{$message}}</div>
                        @enderror
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="form-group">

                            <div class="col-lg-3 col-md-5 col-sm-6">
                                <div class="images">
                                    <div class="uploaded-images">
                                        <img src="{{$consultant->getFirstMediaFile("Doctors")->url}}" alt="" width="150px">
                                    </div>
                                </div>
                            </div>

                        </div>
                        @error("doctor_image")
                        <div class="input-error">{{$message}}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-lg-3 col-md-5 col-sm-6">
                    <div class="uploaded-images"></div>
                </div>
                <div>
                    <button class="btn btn-primary form-control button-upload-file" >
                        <input class="input-file show-uploaded" data-upload-type="single" data-imgs-container-class="uploaded-images" type="file" name="consultant_image">
                        <span class="upload-file-content">
                                                <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                <span class="upload-file-content-text">{{__("Upload Photo")}}</span>
                                            </span>
                    </button>
                </div>
                <div class="tile-footer">
                    <button  type="submit" class="btn btn-primary">
                        <i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("save")}}
                    </button>
                </div>

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



@endsection
@section("scripts")

                <script type="text/javascript">
        $("#specialization").select2({
            placeholder: "{{__('select-specialization')}}",
            width: "100%",
        });
        $("#object").select2({
            placeholder: "{{__('select-clinic')}}",
            width: "100%",
        });
        $("#time_slot_type").select2({
            placeholder: "{{__('select-time-slot-type')}}",
            width: "100%",
        });
        $("#user_id").select2({
            placeholder: "{{__('select-user')}}",
            width: "100%",
        });

        $("#has_account").change(function() {
            if ($(this).is(':checked')) {
                $("#shows").show();
            } else {
                $("#shows").hide();
            }
        });





        function handleCheckboxChange(checkboxId, priceDivId) {
            var checkbox = $(checkboxId);
            var priceDiv = $(priceDivId);

            // Check if the checkbox is initially checked and show the input field accordingly
            if (checkbox.is(":checked")) {
                priceDiv.show();
            }

            checkbox.change(function () {
                if (checkbox.is(":checked")) {
                    priceDiv.show();
                } else {
                    priceDiv.hide();
                }
            });
        }

        // Handle each checkbox and its corresponding input field
        handleCheckboxChange("#onlinePrice", "#showOnlinePrice");
        handleCheckboxChange("#offlinePrice", "#showOfflinePrice");
        handleCheckboxChange("#chatPrice", "#showChatPrice");


        $("#submit").click(function () {
            var csrfToken = $('meta[name="csrf-token"]').attr('content');
            // Gather form data
            var formData = new FormData();
            formData.append('account_type_id', $('#account_type').val());
            formData.append('account_number', $('textarea[name="account_number[]"]').val());
            formData.append('account_name', $('textarea[name="account_name[]"]').val());
            formData.append('account_information', $('textarea[name="account_information[]"]').val());

            // Send AJAX request
            $.ajax({
                type: 'POST',
                url: '{{ route('admin.consultant.Accountstore', ['id' => $consultant->id]) }}',
                data: formData,
                processData: false,
                contentType: false,
                headers: {
                    'X-CSRF-TOKEN': csrfToken // Include the CSRF token in the headers
                },
                success: function (response) {
                    // Handle success response, if needed
                    // For example, you might want to close the modal or display a success message
                    alert('Account created successfully!');
                    setTimeout(function() {
                        location.reload();
                    });
                },
                error: function (error) {
                    // Handle error response, if needed
                    alert('An error occurred while creating the account.');
                }
            });


        });

    </script>


@endsection