@extends('app-new')
@push('head-script')
<!-- BEGIN: Vendor CSS-->
<link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">
<!-- END: Vendor CSS-->
<!-- BEGIN: Page CSS-->
<link rel="stylesheet" type="text/css" href="/app-assets/css/style.css">
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/pages/page-profile.css">
<!-- END: Page CSS-->
@endpush
@section('content')
<!-- BEGIN: Content-->
<div class=" ">
    <div class="container-xxl p-0">
        <div class="content-body">
        <h4 class="mb-2 text-center bill-heading card-title ">{{ trans('master/master.customer') }}</h4>
            <section class="app-user-view-account">
                <div class="row">
                    <!-- User Sidebar -->
                    <div class="col-xl-4 col-lg-5 col-md-5 order-1 order-md-0">
                        <!-- User Card -->
                        <div class="card">
                            <div class="card-body">
                                <div class="user-avatar-section">
                                    <div class="d-flex align-items-center flex-column">
                                        <img class="img-fluid rounded mt-3 mb-2"
                                            src="/assets/img/default-profile-3.png" height="110"
                                            width="110" alt="User avatar" />
                                        <div class="user-info text-center">
                                            <h4>{{ ucwords($customer->name) }}</h4>
                                            <span class="badge bg-light-secondary">{{ (!is_null($customer->company_name)) ? $customer->company_name : '-' }}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="d-flex justify-content-around my-2 pt-75">
                                    <div class="d-flex align-items-start me-2">
                                        <span class="badge bg-light-primary p-75 rounded">

                                            <i data-feather='map-pin' class="font-medium-2"></i>
                                        </span>
                                        <div class="ms-75">
                                            <small>{{ trans('master/master.location') }}</small>
                                            <h4 class="mb-0">{{ (!is_null($customer->city_id)) ? ucwords($customer->city->name) : '-' }}</h4>

                                        </div>
                                    </div>
                                    <div class="d-flex align-items-start">
                                        <span class="badge bg-light-primary p-75 rounded">
                                            <i data-feather="briefcase" class="font-medium-2"></i>
                                        </span>
                                        <div class="ms-75">
                                            <small>{{ trans('master/master.company') }}</small>
                                            <h4 class="mb-0">{{ (!is_null($customer->company_name)) ? $customer->company_name : '-' }}</h4>

                                        </div>
                                    </div>
                                </div>
                                <h4 class="fw-bolder border-bottom pb-50 mb-1">{{ trans('master/master.details') }}</h4>
                                <div class="info-container">
                                    <ul class="list-unstyled">
                                        <li class="mb-75">
                                            <span class="fw-bolder me-25">{{ trans('master/master.email') }} :</span>
                                            <span>{{ (!is_null($customer->email)) ? $customer->email : '-' }}</span>
                                        </li>
                                        <li class="mb-75">
                                            <span class="fw-bolder me-25">{{ trans('master/master.mobile_no') }} :</span>
                                            <span>{{ (!is_null($customer->mobile)) ? $customer->dial_code.' '.$customer->mobile : '-' }}</span>
                                        </li>
                                        <li class="mb-75">
                                            <span class="fw-bolder me-25">{{ trans('master/master.city') }} :</span>
                                            <span>{{ (!is_null($customer->city_id)) ? ucwords($customer->city->name) : '-' }}</span>
                                        </li>
                                        <li class="mb-75">
                                            <span class="fw-bolder me-25">{{ trans('master/master.state') }} :</span>
                                            <span>{{ (!is_null($customer->state_id)) ? ucwords($customer->state->name) : '-' }}</span>
                                        </li>

                                        <li class="mb-75">
                                            <span class="fw-bolder me-25">{{ trans('master/master.country') }}:</span>
                                            <span>{{ (!is_null($customer->country_id)) ? ucwords($customer->country->name) : '-' }}</span>
                                        </li>
                                        <li class="mb-75">
                                            <span class="fw-bolder me-25">{{ trans('master/master.status') }} :</span>
                                            <span class="@if($customer->status == 'active') badge bg-light-success @else badge bg-light-danger @endif">{{ (!is_null($customer->status)) ? ucwords($customer->status) : '-' }}</span>
                                        </li>
                                    </ul>

                                </div>
                            </div>
                        </div>
                        <!-- /User Card -->
                    </div>
                    <div class="col-xl-8 col-lg-7 col-md-7">
                        <section id="nav-filled">
                            <div class="row match-height">
                                <!-- Filled Tabs starts -->
                                <div class="col-xl-12 col-lg-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <h4 class="card-title">{{ trans('master/master.details') }}</h4>
                                        </div>
                                        <div class="card-body">
                                            <!-- Nav tabs -->
                                            <ul class="nav nav-tabs nav-fill" id="myTab" role="tablist">
                                                <li class="nav-item">
                                                    <a class="nav-link active" id="home-tab-fill" data-bs-toggle="tab"
                                                        href="#home-fill" role="tab" aria-controls="home-fill"
                                                        aria-selected="true">{{ trans('master/master.customer_detail') }}</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" id="profile-tab-fill" data-bs-toggle="tab"
                                                        href="#profile-fill" role="tab" aria-controls="profile-fill"
                                                        aria-selected="false">{{ trans('master/master.contacts') }}</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" id="messages-tab-fill" data-bs-toggle="tab"
                                                        href="#messages-fill" role="tab" aria-controls="messages-fill"
                                                        aria-selected="false">{{ trans('master/master.notes') }}</a>
                                                </li>
                                            </ul>
                                            <div class="tab-content pt-1">
                                                <div class="tab-pane active" id="home-fill" role="tabpanel"
                                                    aria-labelledby="home-tab-fill">
                                                    <div class="row invoice-spacing mb-3">
                                                        <div class="col-xl-12 col-lg-12 col-md-12 col-12">
                                                            <table>
                                                                <tbody>
                                                                    <tr>
                                                                        <td class="pe-1 pt-2">{{ trans('master/master.company_name') }} :</td>
                                                                        <td class="pt-2"><span class="text-primary"><b>{{ (!is_null($customer->company_name)) ? $customer->company_name : '-' }}</b> </span>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td class="pe-1 pt-2">{{ trans('master/master.company_address') }} :</td>
                                                                        <td class="pt-2">{{ (!is_null($customer->company_address)) ? $customer->company_address : '-' }}</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td class="pe-1 pt-2">{{ trans('master/master.company_geo_address') }} :</td>
                                                                        <td class="pt-2"><span>{{ (!is_null($customer->geo_address)) ? ucwords($customer->geo_address) : '-' }}</span>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td class="pe-1 pt-2">{{ trans('master/master.is_head_office') }} :</td>
                                                                        <td class="pt-2"><span>{{ (!is_null($customer->is_head_office) && $customer->is_head_office=="1") ? "Yes" : "-" }}</span>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="pe-1 pt-2">{{ trans('master/master.status') }}:</td>
                                                                        <td class="pt-2 "><span
                                                                                class="@if($customer->status == 'active') badge bg-light-success @else badge bg-light-danger @endif">
                                                                                {{ $customer->status ? ucfirst($customer->status) : '-' }}</span></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="tab-pane" id="profile-fill" role="tabpanel"
                                                    aria-labelledby="profile-tab-fill">
                                                    <div class="row" id="basic-table">
                                                        <div class="col-12">
                                                            <div class="card">
                                                                <div class="col-12 text-center mt-2 pt-50"> 
                                                                    <button type="button" class="btn btn-primary m-1 float-end" data-bs-toggle="modal" data-bs-target="#addcontact">{{ trans('common/common.add_new') }}</button>
                                                                </div>
                                                                <div class="table-responsive">

                                                                    <table class="table">
                                                                        <thead id="contacts-head">
                                                                            <tr>
                                                                                <th>{{ trans('common/common.id') }}</th>
                                                                                <th>{{ trans('master/master.name') }}</th>
                                                                                <th>{{ trans('master/master.email') }}</th>
                                                                                <th>{{ trans('master/master.mobile') }}</th>
                                                                                <th>{{ trans('master/master.designation') }}</th>
                                                                                <th>{{ trans('master/master.created_on') }}</th>
                                                                                <th>{{ trans('master/master.actions') }}</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="contacts-body">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="tab-pane" id="messages-fill" role="tabpanel"
                                                    aria-labelledby="messages-tab-fill">
                                                    <div class="row" id="basic-table">
                                                        <div class="col-12">
                                                            <div class="card">
                                                                <div class="col-12 text-center mt-2 pt-50">
                                                                    <button type="button"
                                                                        class="btn btn-primary m-1 float-end"
                                                                        data-bs-toggle="modal"
                                                                        data-bs-target="#note-modal">{{ trans('common/common.add_new') }}</button>
                                                                </div>
                                                                <div class="table-responsive">
                                                                    <table class="table">
                                                                        <thead id="notes-head">
                                                                            <tr>
                                                                                <th>{{ trans('common/common.id') }}</th>
                                                                                <th>{{ trans('master/master.note') }}</th>
                                                                                <th>{{ trans('master/master.created_by') }}</th>
                                                                                <th>{{ trans('master/master.created_on') }}</th>
                                                                                <th>{{ trans('master/master.updated_by') }}</th>
                                                                                <th>{{ trans('master/master.updated_on') }}</th>
                                                                                <th>{{ trans('common/common.actions') }}</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="notes-body">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

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

                            </div>
                        </section>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <!-- Addnew Notes  model-->
    <div class="modal fade" id="note-modal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered modal-edit-user">
            <div class="modal-content">
                <div class="modal-header bg-transparent">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pb-5 px-sm-5 pt-50">
                    <div class="text-center mb-2">
                        <h1 class="mb-1" id="note-modal-header">{{ trans('master/master.add_notes') }}</h1>
                    </div>
                    <form id="noteModalForm" class="row gy-1 pt-75" onsubmit="return false">
                        <section class="basic-textarea">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="alert alert-warning alert-dismissible fade show" role="alert">
                                        <div class="alert-body note-error-msg" style="display: none">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <label class="form-label" for="note">{{ trans('master/master.note') }}</label>
                                    <textarea class="form-control" id="note" rows="3"></textarea>
                                    <input type="hidden" name="note_id" id="note_id">
                                </div>
                            </div>
                        </section>
                        <div class="col-12 text-center mt-2 pt-50">
                            <button type="submit" class="btn btn-primary me-1" onclick="noteAdd()" id="note-add">{{ trans('common/common.add') }}</button>
                            <button type="reset" class="btn btn-outline-secondary" data-bs-dismiss="modal"
                                aria-label="Close" onclick="notesDiscard()">
                                {{ trans('common/common.discard') }}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--/ Add New Notes model -->
    <!-- Add Contact model-->
    <div class="modal fade" id="addcontact" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered modal-edit-user">
            <div class="modal-content">
                <div class="modal-header bg-transparent">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pb-5 px-sm-5 pt-50">
                    <div class="text-center mb-2">
                        <h1 class="mb-1" id="contact-modal-header">{{ trans('master/master.add_contact') }}</h1>
                    </div>
                    <form id="editUserForm" class="row gy-1 pt-75" onsubmit="return false">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="alert alert-warning alert-dismissible fade show" role="alert">
                                    <div class="alert-body" id="contact-error-msg" style="display: none">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6">
                            <label class="form-label" for="name">{{ trans('master/master.name') }}<span class="mendatory-field text-danger">*</span></label>
                            <input type="text" id="name" name="name" class="form-control" placeholder="Enter name" />
                        </div>
                        <div class="col-12 col-md-6">
                            <label class="form-label" for="email">{{ trans('master/master.email') }}<span class="mendatory-field text-danger">*</span></label>
                            <input type="email" id="email" name="email"
                                class="form-control" placeholder="Enter Mail" />
                        </div>
                        <div class="col-12 col-md-6">
                            <label class="form-label" for="designation">{{ trans('master/master.designation') }}</label>
                            <input type="text" id="designation" name="designation" class="form-control"
                                placeholder="Your Designation" />
                        </div>
                        <div class="col-12 col-md-6">
                            <label class="form-label" for="mobile">{{ trans('master/master.mobile_no') }}<span class="mendatory-field text-danger">*</span></label>
                            <input type="text" id="mobile" name="mobile" class="form-control"
                                placeholder="Enter Mobile Number" />
                            <input type="hidden" name="contact_id" id="contact_id">
                        </div>


                        <div class="col-12 text-center mt-2 pt-50">
                            <button type="submit" class="btn btn-primary me-1" onclick="contactAdd()" id="contact-add">{{ trans('common/common.add') }}</button>
                            <button type="reset" class="btn btn-outline-secondary" data-bs-dismiss="modal"
                                aria-label="Close" onclick="discard()">
                                {{ trans('common/common.discard') }}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--/ Add Contact -->
</div>
<!-- END: Content-->
@endsection
@push('footer-script')
<script src="../../../app-assets/js/scripts/pages/modal-add-new-cc.js"></script>
<script src="../../../app-assets/vendors/js/vendors.min.js"></script>
<script src="../../../app-assets/js/core/app-menu.js"></script>
<script src="../../../app-assets/js/core/app.js"></script>

<script>
    $(document).ready(function() {
        $('#contacts-head').hide();
        contactListing();
        noteListing();
    });
   
    function printContactErrorMsg (msg) {
        $("#contact-error-msg").html('');
        $("#contact-error-msg").show();
        
        $.each( msg, function( key, value ) {
            $("#contact-error-msg").append(value+'<br>');
        });
    }
    function printNoteErrorMsg (msg) {
        $(".note-error-msg").html('');
        $(".note-error-msg").show();
        $.each( msg, function( key, value ) {
            $(".note-error-msg").append(value+'<br>');
        });
    }

    function discard(){
        $("#contact-error-msg").hide();
        $("#contact-error-msg").html('');
        $('#contact_id').val('');
        $('#name').val('');
        $('#email').val('');
        $('#designation').val('');
        $('#mobile').val('');
    }

    function notesDiscard(){
        $(".note-error-msg").hide();
        $(".note-error-msg").html('');
        $('#note_id').val('');
        $('#note').val('');
    }

    function contactAdd(){
        var name = $('#name').val();
        var email = $('#email').val();
        var designation = $('#designation').val();
        var mobile = $('#mobile').val();
        var contact_id = $('#contact_id').val();

        $.ajax({
            url: "/{{$alias}}/customer/{{$id}}/contact-add",
            type: "POST",
            dataType: "json",
            data: {
                _token:'{{ csrf_token() }}',
                'name' : name,
                'email' : email,
                'designation' : designation,
                'mobile' : mobile,
                'contact_id' : contact_id,
            },
            success:function(result) {
                if($.isEmptyObject(result.error)){
                    $("#contact-error-msg").hide();
                    $("#contact-error-msg").html('');
                    $("#addcontact .btn-close").click();
                    $('#name').val('');
                    $('#email').val('');
                    $('#designation').val('');
                    $('#mobile').val('');
                    contactListing();
                }else{
                    printContactErrorMsg(result.error);
                }
            }
        });
    }

    function noteAdd(){
        var note = $('#note').val();
        var note_id = $('#note_id').val();

        $.ajax({
            url: "/{{$alias}}/customer/{{$id}}/note-add",
            type: "POST",
            dataType: "json",
            data: {
                _token:'{{ csrf_token() }}',
                'note' : note,
                'note_id' : note_id,
            },
            success:function(result) {
                if($.isEmptyObject(result.error)){
                    $(".note-error-msg").hide();
                    $(".note-error-msg").html('');
                    $("#note-modal .btn-close").click();
                    $('#note').val('');
                    noteListing();
                }else{
                    printNoteErrorMsg(result.error);
                }
            }
        });
    }

    function contactEdit(id){
        $("#contact-error-msg").hide();
        $("#contact-error-msg").html('');
        $.ajax({
            url: "/{{$alias}}/customer/{{$id}}/contact/"+id+"/edit",
            type: "POST",
            dataType: "json",
            data: {
                _token:'{{ csrf_token() }}',
                'id': id,
            },
            success:function(result) {
                $('#contact_id').val(result['id']);
                $('#name').val(result['name']);
                $('#email').val(result['email']);
                $('#designation').val(result['designation']);
                $('#mobile').val(result['mobile']);
                $('#contact-add').text("{{trans('master/master.update')}}");
                $('#contact-modal-header').text("{{trans('master/master.edit_contact')}}");
                $("#addcontact").modal('show');
            }
        });
    }

    function noteEdit(id){
        $(".note-error-msg").hide();
        $(".note-error-msg").html('');
        $.ajax({
            url: "/{{$alias}}/customer/{{$id}}/note/"+id+"/edit",
            type: "POST",
            dataType: "json",
            data: {
                _token:'{{ csrf_token() }}',
                'id': id,
            },
            success:function(result) {
                $('#note_id').val(result['id']);
                $('#note').val(result['note']);
                $('#note-add').text("{{trans('master/master.update')}}");
                $('#note-modal-header').text("{{trans('master/master.edit_note')}}");
                $("#note-modal").modal('show');
            }
        });
    }

    function contactListing(){
        $.ajax({
            url: "/{{$alias}}/customer/{{$id}}/contacts",
            type: "POST",
            dataType: "json",
            data: {
                _token:'{{ csrf_token() }}',
            },
            success:function(result) {
                var data = "";
                $('#contacts-body').html('');
                if(result.length==0){
                    $('#contacts-body').html('<p class="text-center">No Contacts Found.</p>');
                    $('#contacts-head').hide();
                    return false;
                }
                $.each(result, function(key, value){
                    data+='<tr id='+value['id']+' onclick=""><td>' +  (key+1) + '</td>';
                    data+='<td>' + value['name'] + '</td>';
                    data+='<td>' + value['email'] + '</td>';
                    data+='<td>' + value['mobile'] + '</td>';
                    if(value['designation']!="" && value['designation']!=null){
                        data+='<td>' + value['designation'] + '</td>';
                    }
                    else{
                        data+='<td>-</td>';
                    }
                    
                    data+='<td>' + value['created_at'] + '</td>';

                    data+= '<td class="d-flex justify-content-between"><button class="btn btn-primary btn-icon rounded-circle" onclick="contactEdit('+value['id']+')">'+ feather.icons['edit'].toSvg({ class: 'font-small-4' }) + '</button>';
                    data+= '<button class="btn btn-danger ms-1 btn-icon rounded-circle" onclick="contactDelete('+value['id']+')" style="margin-left: 5px;">' + feather.icons['delete'].toSvg({ class: 'font-small-4' }) + '</button></td></tr>';

                })
                $('#contacts-body').html(data);
            }
        });
    }

    function noteListing(){
        $.ajax({
            url: "/{{$alias}}/customer/{{$id}}/notes",
            type: "POST",
            dataType: "json",
            data: {
                _token:'{{ csrf_token() }}',
            },
            success:function(result) {
                var data = "";
                $('#notes-body').html('');
                if(result.length==0){
                    $('#notes-body').html('<p class="text-center">No Notes Found.</p>');
                    $('#notes-head').hide();
                    return false;
                }
                $('#notes-head').show();
                $.each(result, function(key, value){
                    data+='<tr id='+value['id']+' onclick=""><td>' +  (key+1) + '</td>';
                    data+='<td>' + value['note'] + '</td>';

                    if(value['created_by_type']=="admin"){
                        data+='<td>' + value['created_by_admin']['name'] + '</td>';
                    }
                    else if(value['created_by_type']=="employee"){
                        data+='<td>' + value['created_by_employee']['name'] + '</td>';
                    }
                    else{
                        data+='<td>-</td>';
                    }
                    data+='<td>' + value['created_at'] + '</td>';

                    if(value['updated_by_type']=="admin"){
                        data+='<td>' + value['updated_by_admin']['name'] + '</td>';
                    }
                    else if(value['updated_by_type']=="employee"){
                        data+='<td>' + value['updated_by_employee']['name'] + '</td>';
                    }
                    else{
                        data+='<td>-</td>';
                    }
                    data+='<td>' + value['updated_at'] + '</td>';
                    data+= '<td class="d-flex justify-content-between"><button class="btn btn-primary btn-icon rounded-circle" onclick="noteEdit('+value['id']+')">'+ feather.icons['edit'].toSvg({ class: 'font-small-4' }) + '</button>';
                    data+= '<button class="btn btn-danger ms-1 btn-icon rounded-circle" onclick="noteDelete('+value['id']+')" style="margin-left: 5px;">' + feather.icons['delete'].toSvg({ class: 'font-small-4' }) + '</button></td></tr>';

                })
                $('#notes-body').html(data);
            }
        });
    }

    function contactDelete(id) {
        Swal.fire({
            title: "@lang('messages.sweetAlertTitle')",
            text: "@lang('messages.confirmation.recoverDeleteUser')",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "@lang('messages.deleteConfirmation')",
            cancelButtonText: "@lang('messages.confirmNoArchive')",
            closeOnConfirm: true,
            closeOnCancel: true
        }).then(function(isConfirm) {
            if (isConfirm['isConfirmed']) {
                var url = "/{{$alias}}/customer/contact/"+id+"/delete";
                var token = "{{ csrf_token() }}";
                $.ajax({
                    type: 'POST',
                    url: url,
                    data: {
                        _token:'{{ csrf_token() }}',
                        'id' :id,
                    },
                    success: function(response) {
                        if (response.code == "success") {
                            Swal.fire({
                                title: "Success",
                                text: response.messages[0],
                                icon: "success",
                                confirmButtonColor: "#00c292",
                                confirmButtonText: "Ok",
                                closeOnConfirm: true
                            });
                            contactListing();
                        }else{
                            Swal.fire({
                                title: "Error!",
                                text: response.messages[0],
                                icon: "warning",
                                confirmButtonColor: "#DD6B55",
                                confirmButtonText: "Ok",
                                closeOnConfirm: true
                            });
                        }
                    }
                });
            }
        });
    }

    function noteDelete(id) {
        Swal.fire({
            title: "@lang('messages.sweetAlertTitle')",
            text: "@lang('messages.confirmation.recoverDeleteUser')",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "@lang('messages.deleteConfirmation')",
            cancelButtonText: "@lang('messages.confirmNoArchive')",
            closeOnConfirm: true,
            closeOnCancel: true
        }).then(function(isConfirm) {
            if (isConfirm['isConfirmed']) {
                var url = "/{{$alias}}/customer/note/"+id+"/delete";

                var token = "{{ csrf_token() }}";

                $.ajax({
                    type: 'POST',
                    url: url,
                    data: {
                        _token:'{{ csrf_token() }}',
                        'id' :id,
                    },
                    success: function(response) {
                        if (response.code == "success") {
                            Swal.fire({
                                title: "Success",
                                text: response.messages[0],
                                icon: "success",
                                confirmButtonColor: "#00c292",
                                confirmButtonText: "Ok",
                                closeOnConfirm: true
                            });
                            noteListing();
                        }else{
                            Swal.fire({
                                title: "Error!",
                                text: response.messages[0],
                                icon: "warning",
                                confirmButtonColor: "#DD6B55",
                                confirmButtonText: "Ok",
                                closeOnConfirm: true
                            });
                        }
                    }
                });
            }
        });
    }
</script>
<!-- END: Page JS-->
@endpush