@extends('layouts.master')

@section('content')
<section class="content card" style="padding: 10px 10px 10px 10px ">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12">
        <div class="callout callout-success alert alert-success alert-dismissible fade show">
          <h5><i class="fas fa-info"></i> Informasi :</h5>
          - Data tarik tunai telah berhasil disimpan ! <br>
          - Halaman ini dapat dicetak sebagai bukti transaksi, Silahkan klik tombol CETAK yang berada dibawah halaman ! <br>
          - Klik tombol KEMBALI setelah selesai mecetak bukti tarik tunai !
          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>

        <!-- Main content -->
        <div class="invoice p-3 mb-3">
          <!-- title row -->
          <div class="row">
            <div class="col-12">
              <h4>
                <i class="fas fa-credit-card"></i> Tanda Bukti Tarik Tunai
                <small class="float-right">Tanggal Cetak : 18-07-2025 07:02:19</small>
              </h4>
            </div>
            <!-- /.col -->
          </div>
          <!-- info row -->
          <div class="row invoice-info">
            <div class="col-sm-4 invoice-col">
              Telah dilakukan penarikan oleh :
              <address>
                <strong>{{$tarik->pesdik->nama}}</strong><br>
                Tempat, Tanggal Lahir : {{$tarik->pesdik->tempat_lahir}}, {{$tarik->pesdik->tanggal_lahir}}<br>
                Jenis Kelamin : {{$tarik->pesdik->jenis_kelamin}}<br>
                NISN/Induk : {{$tarik->pesdik->nisn}}/{{$tarik->pesdik->induk}}<br>
                Rombel : {{$tarik->pesdik->rombel->nama_rombel}}
              </address>
            </div>
            <!-- /.col -->
            <div class="col-sm-4 invoice-col">
              Petugas :
              <address>
                <strong>{{$tarik->users->name}}</strong><br>
                Email : {{$tarik->users->email}}
              </address>
            </div>
            <!-- /.col -->
            <div class="col-sm-4 invoice-col">
              <br>
              <b>Nomor Berkas : *{{$tarik->pesdik->nisn}}-0{{$tarik->id}}</b><br>
              <b>Tanggal Catat :</b> {{$tarik->created_at}}<br>

            </div>
            <!-- /.col -->
          </div>
          <!-- /.row -->

          <!-- Table row -->
          <div class="row">
            <div class="col-12 table-responsive">
              <table class="table table-striped">
                <thead>
                  <tr>
                    <th>No.</th>
                    <th>Nomor Transaksi</th>
                    <th>Tanggal</th>
                    <th>Keterangan </th>
                    <th>Jumlah</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>1</td>
                    <td>TT0{{$tarik->id}}</td>
                    <td>{{$tarik->tanggal}}</td>
                    <td>{{$tarik->keterangan}}</td>
                    <td>@currency($tarik->jumlah),00</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <!-- /.col -->
          </div>
          <!-- /.row -->

          <div class="row">
            <!-- accepted payments column -->
            <div class="col-6">
              <p class="lead">Catatan :</p>
              <p class="text-muted well well-sm shadow-none" style="margin-top: 10px;">
                - Mohon disimpan sebagai bukti tarik tunai yang sah <br>
                - Komplain tidak dilayani tanpa menunjukkan bukti penarikan ini
              </p>
              <div class="row">
                <div class="col-1">

                </div>
                <div class="col-6">
                  Penerima <br><br><br>
                  <strong>{{$tarik->pesdik->nama}}</strong>
                </div>
                <div class="col-5">
                  Petugas <br><br><br>
                  <strong>{{$tarik->users->name}}</strong>
                </div>
              </div>
            </div>
            <!-- /.col -->
            <div class="col-6">
              <p class="lead">Rekap Tabungan Siswa :</p>