@push('scripts')
    <script src="https://unpkg.com/autonumeric"></script>
    <script>
        new AutoNumeric('#nilai_refund', {
            currencySymbol: 'Rp ',
            decimalPlaces: 0,
            digitGroupSeparator: '.',
            decimalCharacter: ','
        });

        function cekPilihan(jenis){
            if(jenis == "Service"){
                $("#pilihan-service").show();
                $("#pilihan-penjualan").hide();
                $("#pilihan-pembelian").hide();
            }

            if(jenis == "Penjualan"){
                $("#pilihan-service").hide();
                $("#pilihan-penjualan").show();
                $("#pilihan-pembelian").hide();
            }

            if(jenis == "Pembelian"){
                $("#pilihan-service").hide();
                $("#pilihan-penjualan").hide();
                $("#pilihan-pembelian").show();
            }

            if(jenis == "Lainnya"){
                $("#pilihan-service").hide();
                $("#pilihan-penjualan").hide();
                $("#pilihan-pembelian").hide();
            }
        }

        $("#jenis_refund").change(function () {
            var jenis = $(this).val();
            cekPilihan(jenis);
            
        });

        cekPilihan($("#jenis_refund").val());
    </script>
@endpush

@push('styles')
    <style>
        .image-upload {
            width: 200px;
            height: 200px;
            background-color: gainsboro;
            display: block;
            margin: auto;
            background-size: contain;
        }

        .image-upload>input {
            display: none;
        }

        .pilih-bentuk svg {
            width: 100px;
            height: 100px;
            display: block;
            margin: auto;
        }

        .pilih-bentuk i {
            font-size: 100px;
            color: grey;
            position: absolute;
            left: 0%;
            top: 0%;
            right: 0%;
            bottom: 0%;
        }
    </style>
@endpush

<div class="row clearfix">
    <!-- Task Info -->
    <div class="col-xs-12 col-sm-12 col-md-6">
        <div class="card">
            <div class="header">
                <a href="{{ route('service.index') }}" class="btn btn-warning">Kembali</a>
            </div>
            <div class="body">
                <div class="row clearfix">
                    <div class="col-md-12">
                        <b>Nomor Refund</b>
                        <div class="input-group ">
                            <div class="form-line ">
                                <input type="text" class="form-control" name="nomor_refund" readonly value="{{ old('nomor_refund',@$data->nomor_refund ?? "REF-".date("YmdHis")) }}">
                            </div>
                            <span class="input-group-addon">
                                <i style="background-color: rgb(0, 170, 187);"></i>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <b>Tanggal Refund</b>
                        <div class="input-group ">
                            <div class="form-line ">
                                <input type="date" class="form-control" name="tanggal_refund" value="{{ old('tanggal_refund',@$data->tanggal_refund ?? date("Y-m-d")) }}">
                            </div>
                            <span class="input-group-addon">
                                <i style="background-color: rgb(0, 170, 187);"></i>
                            </span>
                        </div>
                    
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-md-12">
                        <b>Jenis Refund</b>
                        <select name="jenis_refund" id="jenis_refund" class="form-control" required>
                            <option value="" selected disabled>-Pilih Jenis-</option>
                            <option value="Service" @if(old('jenis_refund',@$data->jenis_refund) == "Service") selected @endif>Servis</option>
                            <option value="Penjualan" @if(old('jenis_refund',@$data->jenis_refund) == "Penjualan") selected @endif>Penjualan</option>
                            <option value="Pembelian" @if(old('jenis_refund',@$data->jenis_refund) == "Pembelian") selected @endif>Pembelian</option>
                            <option value="Lainnya" @if(old('jenis_refund',@$data->jenis_refund) == "Lainnya") selected @endif>Lainnya</option>
                            
                        </select>
                    </div>
                </div>
                <div class="row clearfix" id="pilihan-service" style="display: none;">
                    <div class="col-md-12">
                        <b>Servis</b>
                        <select name="service_id"  class="form-control show-tick" data-live-search="true" >
                            <option value="" selected disabled>-Pilih Servis-</option>
                            @foreach ($services as $s)
                                <option value="{{ $s->id }}" @if(old('service_id',@$data->service_id) == $s->id) selected @endif>
                                    {{ $s->no_service }} - {{ $s->pelanggan->nama_pelanggan }} - {{ number_format($s->grand_total) }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="row clearfix" id="pilihan-penjualan" style="display: none;">
                    <div class="col-md-12">
                        <b>Penjualan</b>
                        <select name="penjualan_id"  class="form-control show-tick" data-live-search="true" >
                            <option value="" selected disabled>-Pilih Penjualan-</option>
                            @foreach ($penjualans as $p)
                                <option value="{{ $p->id }}" @if(old('penjualan_id',@$data->penjualan_id) == $p->id) selected @endif>
                                    {{ $p->nomor_nota }} - {{ $p->pelanggan->nama_pelanggan }} - {{ number_format($p->total) }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="row clearfix" id="pilihan-pembelian" style="display: none;">
                    <div class="col-md-12">
                        <b>Pembelian</b>
                        <select name="pembelian_id" class="form-control show-tick" data-live-search="true" >
                            <option value="" selected disabled>-Pilih Pembelian-</option>
                            @foreach ($pembelians as $p)
                                <option value="{{ $p->id }}" @if(old('pembelian_id',@$data->pembelian_id) == $p->id) selected @endif>
                                    {{ $p->nomor_nota }} - {{ $p->supplier->nama_supplier }} - {{ number_format($p->total) }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="row clearfix">
                    <div class="col-md-12">
                        <b>Status Refund</b>
                        <div class="">
                            <div class="form-line ">
                                <select name="status_refund" id="status_refund" class="form-control" required>
                                    <option value="">-pilih status refund</option>
                                    <option value="Pending" @if(old('status_refund',@$data->status_refund) == "Pending") selected @endif>Pending</option>
                                    <option value="Cash" @if(old('status_refund',@$data->status_refund) == "Cash") selected @endif>Cash</option>
                                    <option value="Transfer" @if(old('status_refund',@$data->status_refund) == "Transfer") selected @endif>Transfer</option>
                                </select>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-md-12">
                        <b>Nilai Refund</b>
                        <div class="input-group ">
                            <div class="form-line ">
                                <input type="text" class="form-control" id="nilai_refund" name="nilai_refund" value="{{ old('nilai_refund',@$data->nilai_refund) }}">
                            </div>
                            <span class="input-group-addon">
                                <i style="background-color: rgb(0, 170, 187);"></i>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-md-12">
                        <b>Alasan Refund</b>
                        <div class="input-group ">
                            <div class="form-line ">
                                <textarea name="alasan_refund" id="alasan_refund" class="form-control" >{{old('alasan_refund',@$data->alasan_refund)}}</textarea>
                            </div>
                            <span class="input-group-addon">
                                <i style="background-color: rgb(0, 170, 187);"></i>
                            </span>
                        </div>
                    </div>
                </div>
             

                <div class="row">
                    <div class="col-md-12">
                        <div class="form-line">
                            <button type="submit" class="btn btn-success">Simpan</button>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- #END# Task Info -->

</div>


<div class="row">
    <div class="col-md-12">
        <hr>
    </div>
</div>
<div class="row" style="margin-bottom: 50px;">
    <div class="col-md-12" style="text-align: right;">
    </div>
</div>