@extends('layouts.app')

@section('content')

<div class="card">

    <div class="card-body">

        <h4>Edit Transaksi</h4>

        <form action="/transaksi/{{ $transaksi->id }}" method="POST">

            @csrf
            @method('PUT')

        <div class="mb-3">

            <label>Tanggal</label>

            <input type="date" name="tanggal" class="form-control"
            value="{{ $transaksi->tanggal }}">

        </div>

        <div class="mb-3">

            <label class="form-label fw-bold mb-3">
                Pilih Produk
            </label>

            <div class="accordion" id="produkAccordion">

                @foreach($produk->groupBy('kategori') as $kategori => $items)

                @php
                    $isOpen = false;

                    foreach($items as $p){
                        if(in_array($p->nama_produk, $selectedProduk)){
                            $isOpen = true;
                            break;
                        }
                    }
                @endphp

                <div class="accordion-item mb-3 border-0">

                    <h2 class="accordion-header">

                        <button class="accordion-button {{ $isOpen ? '' : 'collapsed' }}"
                                type="button"
                                data-bs-toggle="collapse"
                                data-bs-target="#kategori{{ $loop->index }}">

                            {{ $kategori }}

                            <span class="badge bg-success ms-2">
                                {{ count($items) }}
                            </span>

                        </button>

                    </h2>

                    <div id="kategori{{ $loop->index }}"
                        class="accordion-collapse collapse {{ $isOpen ? 'show' : '' }}">

                        <div class="accordion-body">

                            <div class="row">

                                @foreach($items as $p)

                                <div class="col-12 col-md-6 mb-2">

                                    <div class="form-check product-check">

                                        <input
                                            class="form-check-input"
                                            type="checkbox"
                                            name="produk[]"
                                            value="{{ $p->nama_produk }}"
                                            id="produk_{{ $p->id }}"
                                            {{ in_array($p->nama_produk, $selectedProduk) ? 'checked' : '' }}>

                                        <label class="form-check-label"
                                            for="produk_{{ $p->id }}">

                                            {{ $p->nama_produk }}

                                        </label>

                                    </div>

                                </div>

                                @endforeach

                            </div>

                        </div>

                    </div>

                </div>

                @endforeach

            </div>

        </div>

                <button class="btn btn-success">
                Update
                </button>

                <a href="/transaksi" class="btn btn-secondary">
                Kembali
                </a>

            </form>

    </div>

</div>


@endsection