@include('user.layouts.alert-modal') 
<form method="post" action="{{ request()->url() }}" id="input_form">
	@csrf
    <div class="form-group">
        <label>Tipe <text class="text-danger">*</text></label>
        <select class="custom-select" name="type" id="type">
            <option value="" selected>Pilih...</option>
            <option value="Order">Pesanan</option>
            <option value="Deposit">Deposit</option>
            <option value="Service">Layanan</option>
            <option value="Other">Lainnya</option>
        </select>
        <small id="type"></small>
    </div>
    <div class="form-group">
        <label>Subjek <text class="text-danger">*</text></label>
        <input type="text" class="form-control" name="subject" id="subject" value="{{ old('subject') }}">
        <small id="subject"></small>
    </div>
    <div class="form-group">
        <label>Pesan <text class="text-danger">*</text></label>
        <textarea class="form-control" name="message" id="message" rows="5">{{ old('message') }}</textarea>
        <small id="message"></small>
    </div>
    <hr />
    <div class="button-items d-grid gap-2 hidden" id="process-button">
        <button type="button" class="btn btn-primary btn-block waves-effect waves-light mt-0" disabled>Mohon Tunggu...</button>
    </div>
    <div class="row" id="main-button">
        <div class="col-6">
            <div class="button-items d-grid gap-2">
                <button type="reset" class="btn btn-secondary btn-block waves-effect waves-light mt-0"><i class="mdi mdi-refresh"></i> Reset</button>
            </div>
        </div>
        <div class="col-6">
            <div class="button-items d-grid gap-2">
                <button type="submit" class="btn btn-custom btn-block waves-effect waves-light mt-0"><i class="mdi mdi-send-outline"></i> Submit</button>
            </div>
        </div>
    </div>
</form>
<script src="{{ asset('assets/js/modal-form.js') }}"></script>
<script src="{{ asset('assets/js/app.js') }}"></script>

