@extends('layouts.app')

@push('styles')
@endpush

@section('content')
<!-- Start Page-content-Wrapper -->
<div class="page-content-wrapper">

    @include("layouts.partials.validate_alert")

    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    {{-- <h4 class="card-title">  | {{$data->name}}</h4> --}}
                    @if(@$data)
                        <div class="card">
                            <div class="card-header">
                                <h4><a href="{{url('transaksi_barang_tukar')}}">Back</a> | Detail {{ $title }} </h4>
                            </div>
                            {{-- <div class="card-title p-3"><div class="text-primary">{{$data->function}}</div></div> --}}
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-sm-12 col-md-6">
                                        <H4>Siswa : </H4>
                                        <table class="table table-borderless">
                                            <tbody>
                                                @if ($data->user->siswa)
                                                <tr>
                                                    <td colspan="2">
                                                        Barcode <br>
                                                        {!! QrCode::size(200)->generate($data->id) !!}
                                                    </td>
                                                    {{-- <td></td> --}}
                                                </tr>
                                                                                                <tr>
                                                    <td>Nama Siswa </td>
                                                    <td>{{$data->user->siswa->nama_siswa}}</td>
                                                </tr>
                                                <tr>
                                                    <td>No Identitas </td>
                                                    <td>{{$data->user->siswa->no_identitas}}</td>
                                                </tr>
                                                <tr>
                                                    <td>Point Tersedia</td>
                                                    <td>{{$data->user->siswa->point}} PT</td>
                                                </tr>
                                                @else
                                                <tr>
                                                    <td>Ini Petugas </td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td>Point Tersedia</td>
                                                    <td>Tidak Ada</td>
                                                </tr>
                                                @endif

                                                <tr>
                                                    <td>Kode Transaksi</td>
                                                    <td>{{$data->kode}}</td>
                                                </tr>
                                                <tr>
                                                    <td>Status</td>
                                                    <td>{{$data->status}}</td>
                                                </tr>
                                                <tr>
                                                    <td>Transaksi {{$data->status == "pending" ? "Menunggu!" : "Selesai"}} </td>
                                                    <td>
                                                        @if($data->status != "pending")
                                                            {{$data->note}}
                                                        @else
                                                            Mohon selesaikan transaksi anda di tempat reswara!
                                                        @endif

                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="col-sm-12 col-md-6">
                                        @can('edit '.$menu)
                                        <h3>Konfirmasi Transaksi</h3>
                                        <form action="{{url('transaksi_barang_tukar/'. $data->id)}}" method="post">
                                            @csrf
                                            @method('PUT')
                                            <div class="form-group">
                                                <label for="status">Status</label>
                                                <select name="status" class="form-control" id="" @can('edit '.$menu) @else disabled @endcan  required>
                                                    <option value="pending" {{old('status', $data->status) == "pending" ? "selected" : ""}} disabled>Pending</option>
                                                    <option value="tolak" {{old('status', $data->status) == "tolak" ? "selected" : ""}}>tolak</option>
                                                    <option value="terima" {{old('status', $data->status) == "terima" ? "selected" : ""}}>terima</option>
                                                </select>
                                            </div><br>
                                            <div class="form-group">
                                                <label for="note">Note</label>
                                                <textarea name="note" class="form-control" id="" cols="30" rows="5" @can('edit '.$menu) @else disabled @endcan>{{old('note', $data->note)}}</textarea>
                                            </div><br>
                                            @if($data->status == "pending")
                                                <div class="form-group">
                                                    <button type="submit" class="btn btn-outline-info">Simpan</button>
                                                </div>
                                            @endif
                                            <input type="hidden" name="total_point" value="{{$data->total_point}}">
                                        </form>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="listapalah" style=" overflow-x: scroll;">
                            <table class="table table-bordered" >
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Nama Barang</th>
                                        <th>Point</th>
                                        <th>Jumlah</th>
                                        <th>Total</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($data->barang_tukar_point as $d)
                                        @php
                                            $point = $d->point ? $d->point : $d->barang_tukar->point;
                                        @endphp
                                        <tr>
                                            <td>{{$loop->iteration}}</td>
                                            <td>{{$d->barang_tukar->nama}}</td>
                                            <td>{{ $point }} Pt</td>
                                            <td>{{ $d->jumlah }}</td>
                                            <td>{{ $point + $d->jumlah }} Pt</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th colspan="4">Grand Total</th>
                                        <th>{{$data->total_point}} Pt</th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    @else
                        <div class="card">
                            <h1>Transaksi Tukar Point tidak ditemukan!</h1>
                        </div>
                    @endif
                    {{-- <div class="card">
                        <div class="card-header">
                            <h6>Response API</h6>
                        </div>
                        <div class="card-body">
                            <textarea name="" disabled id="" class="form-control" rows="10">
                                {{$data->response}}
                            </textarea>
                        </div>
                    </div> --}}
                </div>
                <!-- End Cardbody -->
            </div>
            <!-- End Card -->
        </div>
    </div>
    <!-- End Row -->

</div>
@push('scripts')
@if(isset($_GET['status']) && $_GET['status'] == "mobile")
<script>
    $(document).ready(function() {
        $('#pc_tampilan').css('display', 'none');
    });
</script>
@endif
@endpush
<!-- End Page-content -->
@endsection