@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> --}}
                    <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>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>
                    
                    {{-- <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