@extends('layouts.app')
@section('content')
<div class="container">
    <section data-v-18d2d96e="" class="complaint">
        <header data-v-18d2d96e="" class="page-header">
            <i data-v-0e010622="" data-v-18d2d96e="" class="icon-complaint icon--lg"></i>
            <h3 data-v-18d2d96e="">Pengaduan Konsumen</h3>
        </header>
        <ul data-v-18d2d96e="" class="complaint__details">
            <li data-v-18d2d96e="">
                <i data-v-0e010622="" data-v-18d2d96e="" class="icon-pen icon--lg"></i>
                <h5 data-v-18d2d96e="">Silahkan melengkapi kolom-kolom di bawah ini untuk menyampaikan keluhan anda</h5>
            </li>
            <li data-v-18d2d96e="">
                <i data-v-0e010622="" data-v-18d2d96e="" class="icon-paper-plane icon--lg"></i>
                <h5 data-v-18d2d96e="">Pesan anda akan terkirim ke tim pusat yang khusus menangani pengaduan konsumen</h5>
            </li>
            <li data-v-18d2d96e="">
                <i data-v-0e010622="" data-v-18d2d96e="" class="icon-email icon--lg"></i>
                <h5 data-v-18d2d96e="">Respon akan dikirim ke alamat email yang telah anda masukkan pada kolom di bawah ini</h5>
            </li>
        </ul>
        <form data-v-18d2d96e="" class="complaint__form">
            <div data-v-18d2d96e="" class="input__placeholder">
                <label>Website</label>
                <div class="input__root">
                    <span class="input">CHAOSAPI</span>
                    <i data-v-0e010622="" class="input__icon icon-globe icon--xs"></i>
                </div>
            </div>
            <div data-v-18d2d96e="" class="input__container">
                <label>User ID (Username yang anda pakai untuk login)</label>
                <div class="input__root">
                    <input type="text" autocomplete="off" class="input">
                    <i data-v-0e010622="" class="input__icon icon-username icon--xs"></i>
                </div>
            </div>
            <div data-v-18d2d96e="" class="input__container">
                <label>E-mail</label>
                <div class="input__root">
                    <input type="email" autocomplete="off" class="input">
                    <i data-v-0e010622="" class="input__icon icon-at icon--xs"></i>
                </div>
            </div>
            <div data-v-18d2d96e="" class="select__container input__container">
                <label>Kategori</label>
                <div class="input__root">
                    <select class="input input__select">
                        <option disabled="disabled" value="">Pilih Kategori</option>
                        <option value="Deposit tidak diproses"> Deposit tidak diproses </option>
                        <option value="Withdraw tidak dibayarkan"> Withdraw tidak dibayarkan </option>
                        <option value="Tidak ada livechat tersedia"> Tidak ada livechat tersedia </option>
                        <option value="Pelayanan Customer Service"> Pelayanan Customer Service </option>
                        <option value="Laporan kecurangan pemain"> Laporan kecurangan pemain </option>
                    </select>
                    <i data-v-0e010622="" class="input__icon icon-building icon--xs"></i>
                    <i data-v-0e010622="" class="select__arrow icon-arrow-down icon--xs"></i>
                </div>
            </div>
            <div data-v-18d2d96e="" class="input__container input__textarea" rows="5" value="">
                <label>Deskripsi</label>
                <div class="input__root">
                    <textarea autocomplete="off" rows="5" class="input"></textarea>
                    <i data-v-0e010622="" class="input__icon icon-comment icon--xs"></i>
                </div>
            </div>
            <div data-v-431db275="" data-v-18d2d96e="" class="captcha captcha-box" placeholder="Captcha" value="">
             	    <div class="captcha__root">
				        <div class="captcha__input input__root">
				            <input type="text" placeholder="captcha" name="captcha" class="input">
				            <i class="input__icon icon-user-check icon--xs"></i>
				        </div>
				        <button type="button" class="reloadCaptcha btn btn--sm-round btn--flex btn--brand">
				            <i class="icon-sync icon--md"></i>
				        </button>
				
				        <div class="captcha__image">
				            <img class="captchaImage" alt="captcha">
				        </div>
				    </div>
            </div>
            <button data-v-18d2d96e="" class="btn btn--block btn--brand">
                <span data-v-18d2d96e="">Kirim</span>
            </button>
        </form>
    </section>
</div>
@endsection