@include('layout.header')

<section id="content">
    <section class="bgGrey py-4">
        <div class="container mt-3 p-3" style="background-color: #fff;border-radius: 10px;">
            <div class="w-100 text-center mb-4" style="font-size: 18px;font-weight: bold;">Pengajuan Klaim</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_claim">
                {{ csrf_field() }}
                <input type="hidden" id="form_pengajuan_klaim" name="form_pengajuan_klaim" value="{{date('Y-m-d')}}">
                <div class="row">
                    <div class="col-6">
                        <div class="form-group">
                            <label for="form_name">Nomor Pengajuan Klaim</label>
                            <input type="text" disabled class="form-control">
                        </div>
                        <div class="form-group">
                            <label for="form_name">Nama Pengaju</label>
                            <input type="text" disabled value="{{Auth::User()->name}}" class="form-control" id="form_name" name="form_name" placeholder="Isikan Nama Pengaju">
                        </div>
                        <div class="form-group">
                            <label for="form_name">Nomor Pengajuan Komplain</label>
                            <input type="text" class="form-control" id="form_name" name="form_no_pengajuan" placeholder="Isikan Nomor Pengajuan">
                        </div>
                        <div class="form-group">
                            <label for="form_claim_date">Tanggal Pengajuan Klaim</label>
                            <input type="text" required class="form-control"  id="form_claim_date" name="form_claim_date" placeholder="Isikan Tanggal Klaim">
                        </div>
                        <div class="form-group">
                            <label for="form_lelang_date">Tanggal Lelang</label>
                            <input type="text" required class="form-control" id="form_lelang_date" name="form_lelang_date" placeholder="Isikan Tanggal Lelang">
                        </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_name_lelang">Nama Peserta Lelang</label>
                            <input type="text" required class="form-control" id="form_name_lelang" name="form_name_lelang" placeholder="Isikan Nama Peserta Lelang">
                        </div>
                        
                        <div class="form-group">
                            <label for="form_name_lelang">Nomor ID Peserta Lelang</label>
                            <input type="text" required class="form-control" id="form_no_id_peserta_lelang" name="form_no_id_peserta_lelang" placeholder="Isikan Nomor ID Peserta Lelang">
                        </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 No Telepon">
                        </div>

                        <div class="form-group">
                            <label for="form_status_customer">Status Peserta Lelang</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_nomor_peserta_lelang">Nomor Customer</label>
                            <input type="text" required class="form-control" id="form_nomor_peserta_lelang" name="form_nomor_peserta_lelang" placeholder="Isikan Nomor ID Peserta Lelang">
                        </div> --}}
                        
                    </div>
                    <div class="col-6">
                        {{-- <div class="form-group">
                            <label for="form_asal">Asal Klaim</label>
                            <select required class="form-control" id="form_asal" name="form_asal">
                                <option value="">Pilih Asal Klaim</option>
                                @foreach ($source as $item)
                                    <option value="{{$item->id}}">{{$item->name}}</option>
                                @endforeach
                            </select>
                        </div> --}}
                        <div class="form-group">
                            <label for="form_harga_dasar">Harga Dasar</label>
                            <input type="text" required class="form-control" id="form_harga_dasar" name="form_harga_dasar" placeholder="Isikan Harga Dasar">
                        </div>
                        <div class="form-group">
                            <label for="form_harga_lelang">Harga Terbentuk</label>
                            <input type="text" required class="form-control" id="form_harga_lelang" name="form_harga_lelang" placeholder="Isikan Harga Terbentuk">
                        </div>
                        <div class="form-group">
                            <label for="form_seller">Nama Seller/Dealer</label>
                            <input type="text" required class="form-control" id="form_seller" name="form_seller" placeholder="Isikan Nama Seller/Dealer">
                        </div>
                        <div class="form-group">
                            <label for="form_no_polisi">Nomor Polisi</label>
                            <input type="text" required class="form-control" id="form_no_polisi" name="form_no_polisi" placeholder="Isikan No Polisi Unit">
                        </div>
                        <div class="form-group">
                            <label for="form_rangka">Nomor Rangka</label>
                            <input type="text" required class="form-control" id="form_rangka" name="form_rangka" placeholder="Isikan Nomor Rangka">
                        </div>
                        <div class="form-group">
                            <label for="form_no_mesin">Nomor Mesin</label>
                            <input type="text" required class="form-control" id="form_no_mesin" name="form_no_mesin" placeholder="Isikan Nomor Mesin">
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-12">
                                    <label for="form_no_lot">Nomor Lot</label>
                                    <input type="text" required class="form-control" id="form_no_lot" name="form_no_lot" placeholder="Isikan Nomor Lot">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="form_tipe_unit">Merek/Type Unit</label>
                            <input type="text" required class="form-control" id="form_tipe_unit" name="form_tipe_unit" placeholder="Isikan Type Unit">
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-12">
                                    <label for="form_tahun_unit">Tahun Unit</label>
                                    <input type="text" required class="form-control" id="form_tahun_unit" name="form_tahun_unit" placeholder="Isikan Tahun Unit">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="form_detail">Alasan Klaim</label>
                            <textarea class="form-control" id="form_detail" name="form_detail" placeholder="Alasan Klaim" rows="4"></textarea>
                        </div>
                        <div class="form-group">
                            <label for="attachment">Upload Dokumen (Max file 10MB, format : xlsx, docx, pdf, png, jpg)</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>
                </div>
                <div class="row mt-2 mb-2">
                    <div class="col-12">
                        <div class="w-100 text-center">
                            <a class="btn btn-secondary w-25 mr-4" href="{{url('user/claim_complaint')}}">Kembali</a>
                            <button type="submit" class="btn btn-danger w-25">Ajukan Klaim</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </section>
</section>

@include('layout.footer')

<script>
$('#search_date').datepicker({
    format: 'yyyy-mm-dd',
    minDate: new Date(),
});

$('.form_claim_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();
});

$("#form_harga_dasar").on('keyup change',function(){
    $("#form_harga_dasar").each(function(){
        this.value=numberWithCommas(this.value.replace(/[^0-9]/g,''));
    });
});

$("#form_harga_lelang").on('keyup change',function(){
    $("#form_harga_lelang").each(function(){
        this.value=numberWithCommas(this.value.replace(/[^0-9]/g,''));
    });
});

function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
</script>