<div class="modal fade" id="deactiveDateChange">
    <div class="modal-dialog">
        <form action="{{ route('autoDeactiveDateStore') }}" method="POST" class="flex flex-wrap">
            @csrf

            <input type="hidden" name="id" id="deactive_client_id">
            <p id="cid"></p>

            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="text-center">Deactive Date Change </h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="text-center" id="modalAlert"></div>
                    <div class="row">
                        <div class="col-md-4">
                            <input type="text" id="deactiveDate" class="form-control" readonly>
                        </div>
                        <div class="col-md-8 mb-2">
                            <input type="date" name="auto_deactive" id="allDate" value=""
                                class="form-control" required>
                        </div>
                    </div>
                </div>
                <div class="modal-footer justify-content-between">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button class="btn btn-primary deactiveDateChange" type="submit" id="modalSave">Change</button>
                </div>
            </div>
        </form>
    </div>
</div>


<div class="modal fade" id="expDateExtend">
    <div class="modal-dialog">
        <form action="{{ route('expireDateExtend') }}" method="POST" class="flex flex-wrap">
            @csrf
            <input type="hidden" name="id" id="client_id">
            <p id="cid"></p>
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="text-center">Expire Date Extend</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="text-center" id="modalAlert"></div>
                    <div class="row">
                        <input type="hidden" id="uuid" name="uuid" value="{{createUUID()}}">
                        <div class="col-md-4">Extend</div>
                        <div class="col-md-8 mb-2">
                            <input type="number" name="payment_dadeline" id="extend" value="" min="0" class="form-control" required>
                        </div>
                    </div>
                </div>
                <div class="modal-footer justify-content-between">
                    <button type="button" class="btn 5 btn-default" data-dismiss="modal">Close</button>
                    <button class="btn btn-primary expDateExtend" type="submit" id="modalSave">Change</button>
                </div>
            </div>
        </form>
    </div>
</div>

