OldUniVateWebsite/resources/views/partials/interested.blade.php

<!-- Interested Modal -->
<div class="modal fade" id="interestedModal{{ $timeshare->id }}" tabindex="-1" role="dialog" aria-labelledby="interestedModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content px-0 px-md-4">
            <div class="modal-header">
                <h5 class="modal-title" id="interestedModalLabel">Resort Information</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="mainForm2" method="POST" action="/interested/{{ $timeshare->id }}" accept-charset="UTF-8" enctype="multipart/form-data">
            @csrf
                <div class="modal-body">
                <input id="pass_id" name="invisible" type="hidden" value="{{ $timeshare->id }}">
                    <div class="form-row">
                        <div class="col-md-6">
                            <lable for="resortName">Resort Name</lable>
                            <input class="form-control" type="text" id="resort" name="resortName" value="{{ $timeshare->resort }}" disabled>
                        </div>
                        <div class="col-md-6">
                            <lable for="resortWeek">Week</lable>
                            <input class="form-control" type="text" id="week" name="resortWeek" value="{{ $timeshare->week }}" disabled>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="col-md-6">
                            <lable for="resortModule">Module</lable>
                            <input class="form-control" type="text" id="module" name="resortModule" value="{{ $timeshare->module }}" disabled>
                        </div>
                        <div class="col-md-6">
                            <lable for="price">Price</lable>
                            <input class="form-control" type="text" name="price" id="price" value="R {{ $timeshare->price }}" disabled>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="col-md-12">
                            <input class="form-control" type="text" name="name" placeholder="Name">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="col-md-12">
                            <input class="form-control" type="text" name="mobile" placeholder="Contact Number">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="col-md-12">
                            <input class="form-control" type="email" name="email" placeholder="Email">
                        </div>
                    </div>
                    
                </div>
                <div class="modal-footer">
                    <button class="btn btn-blue" type="submit">ENQUIRE NOW</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!--<script>
    $(document).ready(function () {
                $("#interestedModal").on("show.bs.modal", function (e) {
                    var id = $(e.relatedTarget).data('data-id');
                    $('#pass_id').val(id);

                    var unit = $(e.relatedTarget).data('data-unit');
                    $('#unit').val(unit);

                    var week = $(e.relatedTarget).data('data-week');
                    $('#week').val(week);

                    var resort = $(e.relatedTarget).data('data-resort');
                    $('#resort').val(resort);

                    var module = $(e.relatedTarget).data('data-module');
                    $('#module').val(module);

                    var price = $(e.relatedTarget).data('data-price');
                    $('#price').val(price);
                });
            });
</script> -->
<script>
   $('#interestedModal{{ $timeshare->id }}').on('shown.bs.modal', function () {
        $('#myInput').trigger('focus')
    })
</script>