@include('layout.header')

<!-- RECHARGE -->
<div class="recharge promotion">
    <!-- HEADER -->
    <nav class="top_nav">
        <div class="left">
            <a href="{{url('/user/complaints')}}">
                <img src="{{asset('assets/img/back_arrow.png')}}" alt="" />
            </a>
            <span>Add Complaint</span>
        </div>
    </nav>
    <!-- HEADER -->

    <!-- BODY -->
    <form method="post" action="{{url('/user/addComplaint')}}">
        @csrf
        <div class="input_card bg-white shadow-sm">
            <ul class="card_ul">
                <li>
                    <p>Type</p>
                    <div role="button" tabindex="0" class="van-cell van-cell--clickable van-field">
                        <div class="van-cell__value van-cell__value--alone van-field__value">
                            <div class="van-field__body">
                                <select class="form-select custom_selectbox" name="type">
                                    <option value="complaint">Complaint</option>
                                    <option value="suggestion">Suggestion</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <!---->
                </li>
                <li>
                    <p>WhatsApp</p>
                    <input type="number" name="whatsapp" required />
                </li>
                <li>
                    <p>Description</p>
                    <textarea name="description" id="description" required></textarea>
                </li>
            </ul>
            <p class="tips text-center">
                Service: 10:00~17:00, Mon~Fri about 1~5 business days
            </p>

            <div class="container-fluid pb-5 pt-4">
                <div class="row">
                    <div class="col-10 col-md-8 col-lg-6 mx-auto">
                        <input type="submit" class="w-100 btn btn-primary" value="Continue" />
                    </div>
                </div>
            </div>
        </div>
    </form>
    <!-- BODY -->
</div>
<!-- RECHARGE -->

@include('layout.footer')