{{-- LARGE MODAL --}}
<script type="text/javascript">
    function large_modal(id,page,head) {
        $(".modal-body").html('Loading......');
        $(".modal-title").text(head);
        $.get("{{url('/')}}/"+page+"/"+id)

        .done(function(data){
            $("#large_modal_body").html(data);
        })
    }
</script>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myLargeModalLabel">Large modal</h4>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" id="large_modal_body"></div>
            {{-- <div class="modal-footer">
                <button type="button" class="btn btn-danger text-start" data-bs-dismiss="modal">Close</button>
            </div> --}}
        </div>
    </div>
</div>
{{-- LARGE MODAL --}}

{{-- BASIC MODAL --}}
<script type="text/javascript">
    function basic_modal(id,page,head) {
        // alert(id);
        $("#modal_body").html('Loading......');
        $(".modal-title").text(head);
        $.get("{{url('/')}}/"+page+"/"+id)

        .done(function(data){
            $("#modal_body").html(data);
            if ($('.select2').length > 0) {
                $('.select2').select2({
                    dropdownParent: $('#exampleModalDefault')
                });
            }
        })
    }
</script>
     <div class="modal fade" id="exampleModalDefault" tabindex="-1" role="dialog" aria-labelledby="exampleModalDefaultLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title m-0" id="exampleModalDefaultLabel"></h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                    <div class="modal-body" id="modal_body">
                        {{-- <h5>Crypto Market Services</h5> --}}
                        {{-- <div class="row">
                            <div class="col-lg-3 text-center align-self-center">
                                <img src="assets/images/extra/card/btc.png" alt="" class="img-fluid">
                                    <div>
                                        <div class="col-lg-9">
                                            <h5>Crypto Market Services</h5>
                                            <span class="badge bg-light text-dark">Disable Services</span>
                                            <small class="text-muted ms-2">07 Oct 2024</small>
                                            <ul class="mt-2 mb-0">
                                                <li>Lorem Ipsum is dummy text.</li>
                                                <li>It is a long established reader.</li>
                                                <li>Contrary to popular belief, Lorem simply.</li>
                                            </ul>
                                        </div>
                                    </div>                                                    
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Close</button>
                                    <button type="button" class="btn btn-primary btn-sm">Save changes</button>
                                </div>
                            </div>
                        </div> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
                    
{{-- BASIC MODAL --}}


{{-- COMMON DELETE MODAL --}}
<script type="text/javascript">
    function custom_delete(path) {
        var url = "{{ url('/') }}";
        var fullurl = url+path;
        // alert(fullurl);
        $("#conf_true").attr("href", fullurl);
    }
</script>

<div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Delete</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal">
                </button>
            </div>
            <div class="modal-body text-center" >
                {{-- <img src="{{ asset('images/icons.gif') }}"><br> --}}
                <h5 style="display: block;" >Are you sure want to delete this?</h5><br>
                <button  data-bs-dismiss="modal" class="btn btn-primary cancel-btn ">No, Cancel</button>
                <a href="javascript:;" class="btn btn-danger yes-btn" id="conf_true">Yes, Delete</a>
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>

{{-- COMMON STATUS MODAL --}}
<script type="text/javascript">
    function custom_status(path) {
        var url = "{{ url('/') }}";
        var fullurl = url+path;
        // alert(fullurl);
        $("#change_status").attr("href", fullurl);
    }
</script>

<div class="modal fade bd-example-modal-sm-status-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Status Change</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal">
                </button>
            </div>
            <div class="modal-body text-center" >
                {{-- <img src="{{ asset('images/icons.gif') }}"><br> --}}
                <h5 style="display: block;" >Are you sure want to change the status?</h5><br>
                <button  data-bs-dismiss="modal" class="btn btn-primary cancel-btn ">No, Cancel</button>
                <a href="javascript:;" class="btn btn-danger yes-btn" id="change_status">Yes, change</a>
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>