@include('layout.header')

<section id="content">
    <section class="bgGrey py-4">
        <div class="container mt-3 p-3">
            <div class="row">
                <div class="col-6 offset-3 p-4" style="background-color: #fff;border-radius: 10px;">
                    <div class="w-100 text-center mb-4" style="font-size: 18px;font-weight: bold;">Pengajuan Komplain</div>
                    @if (\Session::has('success'))
                    <div class="alert alert-success">
                        <ul class="m-0 pl-3">
                        <li>{!! \Session::get('success') !!}</li>
                        </ul>
                    </div>
                    @endif
                    @if($errors->any())
                    <div class="alert alert-danger">
                        <ul class="m-0 pl-3">
                        <li>{{$errors->first()}}</li>
                        </ul>
                    </div>
                    @endif
                    <form id="form-claim" method="POST" enctype="multipart/form-data" action="/user/submit_complaint">
                        {{ csrf_field() }}
                        <div class="form-group">
                            <label for="form_name">Nomor Pengajuan</label>
                            <input type="text" disabled class="form-control">
                        </div>

                        <div class="form-group">
                            <label for="form_name">Nama Pengaju</label>
                            <input type="text" required class="form-control" name="form_nama_pengaju" placeholder="Isi Nama Pengaju">
                        </div>

                        <div class="form-group">
                            <label for="form_name">Nomor Pengajuan Complain</label>
                            <input type="text" required class="form-control" name="form_nomor_pengajuan_complain" placeholder="Isi Nomor Pengajuan Complain">
                        </div>

                        <div class="form-group">
                            <label for="form_customer">Nama Peserta Lelang</label>
                            <input type="text" required class="form-control" id="form_customer" name="form_customer" placeholder="Isikan Nama Customer">
                        </div>

                        <div class="form-group">
                            <label for="form_peserta">Nomor ID Peserta Lelang</label>
                            <input type="text" required class="form-control" id="form_peserta" name="form_peserta" placeholder="Isikan Nomor ID Peserta Lelang">
                        </div>

                        <div class="form-group">
                            <label for="form_status_customer">Status Customer</label>
                            <select required class="form-control" id="form_status_customer" name="form_status_customer">
                                <option value="">Pilih Status</option>
                                <option value="member">Member</option>
                                <option value="non member">Non Member</option>
                                
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="form_telepon">Nomor Telepon</label>
                            <input type="text" required class="form-control" id="form_telepon" name="form_telepon" placeholder="Isikan Nomor Telepon">
                        </div>

                        <div class="form-group">
                            {{-- <label for="form_date">Tanggal Komplain</label> --}}
                            <input type="hidden" class="form-control" name="form_pengajuan_komplain" value="{{date('Y-m-d')}}">
                        </div>
                        <div class="form-group">
                            <label for="form_date">Tanggal Komplain</label>
                            <input type="text" class="form-control" name="form_komplain_date" id="complain_date" value="{{date('Y-m-d')}}" >
                        </div>

                        <div class="form-group">
                            <label for="form_cabang">Cabang</label>
                            <select required class="form-control" id="form_cabang" name="form_cabang">
                                <option value="">Pilih Cabang</option>
                                @foreach ($branch as $item)
                                    <option value="{{$item->id}}">{{$item->name}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="form_area">Area</label>
                            <select required class="form-control" id="form_area" name="form_area">
                                <option value="">Pilih Area</option>
                                @foreach ($area as $item)
                                    <option value="{{$item->id}}">{{$item->name}}</option>
                                @endforeach
                            </select>
                        </div>
                        
                        <div class="form-group">
                            <label for="form_detail">Detail Komplain</label>
                            <textarea class="form-control" id="form_detail" name="form_detail" placeholder="Detail Komplain" rows="4"></textarea>
                        </div>

                        <div class="form-group">
                            <label for="attachment">Upload Dokumen</label>
                            <div class="row">
                                <div class="col-9">
                                    <input type="file" class="form-control" name="attachment[]">
                                </div>
                                <div class="col-3">
                                    <button type="button" class="btn btn-info btn-add">Add</button>
                                </div>
                            </div>
                            <div class="new-file">
                            </div>
                        </div>
                        <div class="w-100 text-center pt-2">
                            <a class="btn btn-secondary w-25 mr-4" href="{{url('user/claim_complaint')}}">Kembali</a>
                            <button type="submit" class="btn btn-danger w-50">Ajukan Komplain</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
</section>

@include('layout.footer')

<script>
    
$('#complain_date').datepicker({
    dateFormat: 'yy-mm-dd'
});

$('.btn-add').on('click',function(){

    var field = $('.dinamis-field').length;

    if (field == 4) {
        return;
    }

    var html = '<div><hr>';
    html += '<div class="row dinamis-field">';
    html += '<div class="col-9">';
    html += '<input type="file" class="form-control" name="attachment[]">';
    html += '</div>';
    html += '<div class="col-3">';
    html += '<button type="button" class="btn btn-danger btn-delete">Delete</button>';
    html += '</div>';
    html += '</div></div>';

    $('.new-file').append(html);
});

$(document).on('click','.btn-delete',function(){
    $(this).parent().parent().parent().remove();
});
</script>