@extends('layouts.app')

@section('content')
<?php 
    $customer_info = Session::get('customer_info');
?>
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <a href="{{ url('/pelanggan') }}"><i class="fas fa-arrow-left"></i> Kembali</a>
            <h3 class="text-center text-uppercase">maklumat pelanggan</h3>
            
            <div class="form-group row col-12">
                <div class="col-6">
                    <div class="form-group row">
                        <div class="col-4">
                            No Kad Pengenalan
                        </div>
                        <div class="col-8">
                            <input type="text" name="noic" id="noic" readonly value="{{ $customer_info['kpbaru'] }}">
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group row">
                        <div class="col-4">
                            No Pelanggan
                        </div>
                        <div class="col-8">
                            <input type="text" name="no_pelanggan" readonly id="no_pelanggan" value="{{ $customer_info['nopelanggan'] }}">
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group row">
                        <div class="col-4">
                            Nama
                        </div>
                        <div class="col-8">
                            <input type="text" name="name" id="name" readonly value="{{ $customer_info['nama'] }}">
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group row">
                        <div class="col-4">
                            Alamat
                        </div>
                        <div class="col-8">
                            <textarea style="resize:none" name="alamat" id="alamat" cols="30" rows="2" readonly>{{ $customer_info['alamat1'].','.$customer_info['alamat2'].','.$customer_info['alamat3'].','.$customer_info['alamat4'] }}</textarea>
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group row">
                        <div class="col-4">
                            No Telefon
                        </div>
                        <div class="col-8">
                            <input type="text" readonly name="no_phone" id="no_phone" value="{{ $customer_info['telefon'] }}">
                        </div>
                    </div>
                </div>
                <div class="col-12 mt-3 form-group row">
                    <div class="btn-group btn-group-toggle col-6" data-toggle="buttons">
                        <label class="btn btn-primary">
                            <input type="radio" name="options" id="option1" autocomplete="off"> BELUM TEBUS
                        </label>
                        <label class="btn btn-primary">
                            <input type="radio" name="options" id="option2" autocomplete="off"> SUDAH TEBUS
                        </label>
                        <label class="btn btn-primary">
                            <input type="radio" name="options" id="option3" autocomplete="off"> LELONG
                        </label>
                    </div>
                    <div class="col-6 text-right">
                        <a class="button btn btn-primary" href="{{ route('gadaian',['noic'=>$customer_info['kpbaru'] ]) }}">DAFTAR GADAI</a>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-body">
                    <table id="myTable">
                        <thead>
                            <tr>
                                <th>Bil</th>
                                <th>No Rujukan</th>
                                <th>Tarikh Gadai</th>
                                <th>Pinjaman</th>
                                <th>Nilai Marhun</th>
                                <th>JBG</th>
                                <th>Upah</th>
                                <th>Tebus/Upah</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready( function () {
        $('#myTable').DataTable();
    } );
</script>
@endsection