<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Nota-Cetak</title>
<script type="text/javascript">
window.print();
window.onfocus = function() {
window.close();
}
</script>
<!-- Favicon-->
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet"
type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
<!-- Bootstrap Core Css -->
<link href="{{ url('material') }}/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
{{-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> --}}
<!-- Waves Effect Css -->
<link href="{{ url('material') }}/plugins/node-waves/waves.css" rel="stylesheet" />
<!-- Animation Css -->
<link href="{{ url('material') }}/plugins/animate-css/animate.css" rel="stylesheet" />
<!-- Morris Chart Css-->
<link href="{{ url('material') }}/plugins/morrisjs/morris.css" rel="stylesheet" />
<!-- Custom Css -->
<link href="{{ url('material') }}/css/style.css" rel="stylesheet">
<!-- AdminBSB Themes. You can choose a theme from css/themes instead of get all themes -->
<link href="{{ url('material') }}/css/themes/all-themes.css" rel="stylesheet" />
<link href="{{ url('material') }}/plugins/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
{{-- css pola --}}
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<link rel="stylesheet" href="{{ asset('material/plugins/pattern-lock/dist/patternlock.min.css') }}">
</head>
<body class="container">
<div class="card" style="padding:20px">
<div class="card-header">
</div>
<div class="card-body">
<h2>{{ $datas->pelanggan->nama_pelanggan }}</h2>
<div class="row">
<table class="font-12 col-sm-6 " id="table-data"style="width:100%;">
<tbody>
<tr>
<div class="demo-google-material-icon"> <i class="material-icons">view_list</i> <span
class="icon-name">{{ $datas->pelanggan->telp_pelanggan }}</span> </div>
<td style="padding:10px ;max-width:300px">{{ $datas->pelanggan->telp_pelanggan }}</td>
{{-- batas --}}
<td></td>
{{-- batas --}}
<td>
<div class="col-sm-6 bg-grey" style="border-radius:10px; width:100px;">
<h5 class="text-center">Pola</h5>
{!! $datas->pola !!}
</div>
</td>
</tr>
<tr>
<td style="max-width:10px"><i class="material-icons">home</i></td>
<td style="padding:10px ;max-width:300px">{{ $datas->pelanggan->alamat_pelanggan }}</td>
</tr>
<tr>
<td></td>
<td class="font-bold font-18 font-underline" style="padding:10px;">Handphone</td>
</tr>
<tr>
<td style="max-width:10px"><i class="material-icons">stay_primary_portrait</i></td>
<td style="padding:10px ;max-width:300px">{{ $datas->merk }} {{ $datas->tipe }}
({{ $datas->imei1 }} /{{ $datas->imei2 }})</td>
{{-- batas --}}
<td></td>
{{-- batas --}}
<td style="max-width:10px"><i class="material-icons">lock</i></td>
<td style="padding:10px ;max-width:300px">{{ $datas->pin }}</td>
</tr>
<tr>
<td style="max-width:10px"><i class="material-icons">color_lens</i></td>
<td style="padding:10px ;max-width:300px">{{ $datas->warna }}</td>
{{-- batas --}}
<td></td>
{{-- batas --}}
<td style="max-width:10px"><i class="material-icons">book</i></td>
<td style="padding:10px ;max-width:300px">{{ $datas->deskripsi }}</td>
</tr>
<tr>
<td style="max-width:10px"><i class="material-icons">business_center</i></td>
<td style="padding:10px ;max-width:300px">{{ $datas->kelengkapan_unit }} ({{ $datas->kelengkapan }})</td>
</tr>
<tr>
<td style="max-width:10px"><i class="material-icons">build</i></td>
<td style="padding:10px ;max-width:300px">Fungsi Tombol {{ $datas->fungsi_tombol }}, Arus Charger : {{ $datas->arus_charger }}, Kondisi Layar : {{ $datas->kondisi_layar }}</td>
</tr>
<tr>
<td class="font-bold font-18 font-underline" style="padding:10px ;max-width:300px">Service
</td>
</tr>
</tbody>
</table>
</div>
<table style="width: 100%">
@php
$list = '';
@endphp
@foreach ($datas->detail as $detail)
@php
$list .= $detail->sparepart->nama_item . ',';
@endphp
@endforeach
<thead>
<tr>
<th style="border-bottom: 1px solid #dddddd;padding-bottom:20px">Keterangan</th>
<th class="text-right" style="border-bottom: 1px solid #dddddd;padding-bottom:20px">Biaya</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border-bottom: 1px dotted #dddddd;padding-top:20px;">Service
({{ $datas->kerusakan }})
</td>
<td class="text-right font-bold" style="border-bottom: 1px dotted #dddddd;padding-top:20px;">Rp.
{{ $datas->biaya }}</td>
</tr>
<tr>
<td style="border-bottom: 1px dotted #dddddd;padding-top:20px;">Sparepart ({{ $list }})
</td>
<td class="text-right font-bold" style="border-bottom: 1px dotted #dddddd;padding-top:20px;">Rp.
{{ $datas->total_sparepart }}</td>
</tr>
<tr>
<td style="border-bottom: 2px solid #dddddd;padding-top:20px;"></td>
<td class="text-right font-bold" style="border-bottom: 2px solid #dddddd;padding-top:20px;">
TOTAL
Rp.
{{ $datas->grandTotal }}</td>
</tr>
<tr>
<td class="col-teal" style="border-bottom: 1px dotted #dddddd;padding-top:40px;">Uang Muka</td>
<td class="text-right font-bold col-teal"
style="border-bottom: 1px dotted #dddddd;padding-top:40px;">
Rp. {{ $datas->uang_bayar }}</td>
</tr>
<tr>
<td style="border-bottom: 2px solid #dddddd;padding-top:20px;"></td>
<td class="text-right font-bold col-teal"
style="border-bottom: 2px solid #dddddd;padding-top:20px;">
TOTAL BAYAR Rp. {{ $datas->grand_total - $datas->uang_bayar }}</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Jquery Core Js -->
{{-- <script src="{{ url('material') }}/plugins/jquery/jquery.js"></script> --}}
<script src="{{ url('https://code.jquery.com/jquery-2.2.4.js') }}"
integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
<!-- Bootstrap Core Js -->
<script src="{{ url('material') }}/plugins/bootstrap/js/bootstrap.js"></script>
{{-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> --}}
<!-- Select Plugin Js -->
<script src="{{ url('material') }}/plugins/bootstrap-select/js/bootstrap-select.js"></script>
</body>
</html>
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell