@extends('master')
@section('css')
    <style>
        tr.dtrg-group.dtrg-start.dtrg-level-0 th {
            background-color: #f8d7da !important;
            font-size: 0.95rem;
            font-weight: 600 !important;
        }
    </style>
@endsection
@section('content')
    <div class="card mb-4">
        <div class="card-header pb-0 bg-white radius-custom">
            <h6 class="text-capitalize">Product Master</h6>
            {{-- <h6 class="text-capitalize">{{ $sv }}</h6> --}}
            {{-- <div class="row">
                        <div class="col-6 col-md-9">
                            <h6 class="text-capitalize">site visit list</h6>
                        </div>
                        <div class="col-6 col-md-3">
                            <button type="button" class="btn bg-gradient-success btn-sm text-capitalize">check in</button>
                        </div>
                    </div> --}}
        </div>
        <div class="card-body px-0 pt-0 pb-2">
            <div class="table-responsive table-responsive-sm p-0 table-wrapper">
                <table class="table table-custom align-items-center table-sm mb-0" id="DataTable">
                    <thead class="table-info">
                        <tr>
                            <th class="text-uppercase text-secondary text-sm font-weight-bolder">
                                product no.
                            </th>
                            <th class="text-uppercase text-secondary text-sm font-weight-bolder">
                                description
                            </th>
                            <th class="text-uppercase text-secondary text-sm font-weight-bolder ">
                                brand
                            </th>
                            <th class="text-uppercase text-secondary text-sm font-weight-bolder">
                                oum
                            </th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($barang as $detail)
                            <tr>
                                <td><strong>{{ $detail->no_barang }}</strong></td>
                                <td>{{ $detail->nama_barang }}</td>
                                <td>{{ $detail->mmerkbarang->nama_merk_barang }}</td>
                                <td>{{ $detail->msatuan->nama_satuan }}</td>
                                <td>{{ $detail->mbarangkategori->nama_group_kategori }}</td>
                                <td>{{ $detail->mbarangkategori->nama_barang_kategori }}</td>
                                <td>{{ $detail->mgolonganbarang->nama_golongan_barang }}</td>
                            </tr>
                        @endforeach
                    </tbody>

                </table>
            </div>
        </div>
        {{-- <div class="card-body px-0 pt-0 pb-2">
            <div class="table-responsive table-responsive-sm p-0 table-wrapper">
                <table class="table table-custom align-items-center table-sm mb-0" id="DataTable">
                    <thead class="table-info">
                        <tr>
                            <th><button type="button" class="btn btn-primary btn-sm"
                                    style="margin-bottom: 0 !important">Action
                                    1</button></th>
                            <th>
                                <div class="d-grid gap-2">
                                    <button class="btn btn-primary " type="button">Button</button>
                                </div>
                            </th>

                            <th class="text-uppercase text-secondary text-sm font-weight-bolder">
                                product no.
                            </th>
                            <th class="text-uppercase text-secondary text-sm font-weight-bolder">
                                description
                            </th>
                            <th class="text-uppercase text-secondary text-sm font-weight-bolder ">
                                brand
                            </th>
                            <th class="text-uppercase text-secondary text-sm font-weight-bolder">
                                oum
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($barang as $group_kategori => $group_cat)
                            <tr class="table-danger">
                                <td colspan="4" style="text-indent: 1rem"><strong
                                        class="text-danger">{{ $group_kategori }}</strong>
                                </td>
                            </tr>
                            @foreach ($group_cat as $kategoribarang => $groups)
                                <tr class="table-primary">
                                    <td colspan="4" style="text-indent: 2rem"><strong
                                            class="text-primary">{{ $kategoribarang }}</strong></td>
                                </tr>
                                @foreach ($groups as $mgolonganbarang => $rows)
                                    <tr class="table-success">
                                        <td colspan="4" style="text-indent: 3rem"><strong
                                                class="text-success">{{ $mgolonganbarang }}</strong>
                                        </td>
                                    </tr>
                                    @foreach ($rows as $detail)
                                        <tr>
                                            <td class="border-right-1">
                                                <div class="d-grid gap-2">
                                                    <div class="btn-group" role="group" aria-label="Basic example">
                                                        <button type="button"
                                                            class="btn btn-sm btn-primary text-uppercase">show</button>
                                                        <button type="button"
                                                            class="btn btn-sm btn-danger text-uppercase">delete</button>
                                                    </div>
                                                </div>
                                            </td>
                                            <td><strong>{{ $detail->no_barang }}</strong></td>
                                            <td>{{ $detail->nama_barang }}</td>
                                            <td>{{ $detail->mmerkbarang->nama_merk_barang }}</td>
                                            <td>{{ $detail->msatuan->nama_satuan }}</td>
                                        </tr>
                                    @endforeach
                                @endforeach
                            @endforeach
                        @endforeach
                        @foreach ($sv as $date => $visit)
                                    <tr>
                                        <td colspan="5" class=" text-xs fw-bold table-success">{{ $date }}</td>
                                    </tr>
                                    @foreach ($visit as $item)
                                        <td class="text-xxs">
                                            {{ Carbon\Carbon::parse($item->tgl_kunjungan)->format('F d, Y') }}</td>
                                        <td class="text-xxs">{{ $item->tempat_kunjungan }}</td>
                                        <td class="text-center text-xxs">
                                            <strong
                                                class="text-success">{{ Carbon\Carbon::parse($item->jam_mulai)->format('h:m') }}</strong>
                                        </td>
                                        <td class="text-center text-xxs">
                                            @if ($item->jam_selesai != null)
                                                <strong
                                                    class="text-danger">{{ Carbon\Carbon::parse($item->jam_selesai)->format('h:m') }}</strong>
                                            @else
                                                <strong class="text-primary">ONGOING</strong>
                                            @endif
                                        </td>
                                    @endforeach
                            @endforeach
                    </tbody>

                </table>
            </div>
        </div> --}}
    </div>

    {{-- <div class="row mb-3">
        <div class="col-xl-3 col-sm-6 mb-xl-0 mb-4">
            <div class="card">
                <div class="card-body p-3">
                    <div class="row">
                        <div class="col-8">
                            <div class="numbers text-uppercase">
                                <p class="text-sm mb-0 font-weight-bold">site visit count</p>
                                <h5 class="font-weight-bolder text-success">
                                    25
                                </h5>
                                <p class="mb-0">
                                    today
                                </p>
                            </div>
                        </div>
                        <div class="col-4 text-end">
                            <div class="icon icon-shape bg-gradient-primary shadow-primary text-center rounded-circle">
                                <i class="ni ni-money-coins text-lg opacity-10" aria-hidden="true"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-sm-6 mb-xl-0 mb-4">
            <div class="card">
                <div class="card-body p-3">
                    <div class="row">
                        <div class="col-8">
                            <div class="numbers text-uppercase ">
                                <p class="text-sm mb-0 font-weight-bold">site visit count</p>
                                <h5 class="font-weight-bolder text-success">
                                    25
                                </h5>
                                <p class="mb-0">
                                    in {{ $now->format('F Y') }}
                                </p>
                            </div>
                        </div>
                        <div class="col-4 text-end">
                            <div class="icon icon-shape bg-gradient-primary shadow-primary text-center rounded-circle">
                                <i class="ni ni-money-coins text-lg opacity-10" aria-hidden="true"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-sm-6 mb-xl-0 mb-4">
            <div class="card">
                <div class="card-body p-3">
                    <div class="row">
                        <div class="col-8">
                            <div class="numbers">
                                <p class="text-sm mb-0 text-uppercase font-weight-bold">New Clients</p>
                                <h5 class="font-weight-bolder">
                                    +3,462
                                </h5>
                                <p class="mb-0">
                                    <span class="text-danger text-sm font-weight-bolder">-2%</span>
                                    since last quarter
                                </p>
                            </div>
                        </div>
                        <div class="col-4 text-end">
                            <div class="icon icon-shape bg-gradient-success shadow-success text-center rounded-circle">
                                <i class="ni ni-paper-diploma text-lg opacity-10" aria-hidden="true"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-sm-6">
            <div class="card">
                <div class="card-body p-3">
                    <div class="row">
                        <div class="col-8">
                            <div class="numbers">
                                <p class="text-sm mb-0 text-uppercase font-weight-bold">Sales</p>
                                <h5 class="font-weight-bolder">
                                    $103,430
                                </h5>
                                <p class="mb-0">
                                    <span class="text-success text-sm font-weight-bolder">+5%</span> than last
                                    month
                                </p>
                            </div>
                        </div>
                        <div class="col-4 text-end">
                            <div class="icon icon-shape bg-gradient-warning shadow-warning text-center rounded-circle">
                                <i class="ni ni-cart text-lg opacity-10" aria-hidden="true"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> --}}
    {{-- <div class="row row-cols-1 row-cols-md-2">
        <div class="col">
            <div class="card mb-4">
                <div class="card-header pb-0 bg-white radius-custom">
                    <h6 class="text-capitalize">site visit list</h6>
                    <h6 class="text-capitalize">{{ $sv }}</h6>
                    <div class="row">
                        <div class="col-6 col-md-9">
                            <h6 class="text-capitalize">site visit list</h6>
                        </div>
                        <div class="col-6 col-md-3">
                            <button type="button" class="btn bg-gradient-success btn-sm text-capitalize">check in</button>
                        </div>
                    </div>
                </div>
                <div class="card-body px-0 pt-0 pb-2">
                    <div class="table-responsive table-striped table-responsive-sm p-0">
                        <table class="table align-items-center table-sm mb-0">
                            <thead class="table-info">
                                <tr>
                                    <th class="text-uppercase text-secondary text-sm font-weight-bolder">
                                        date
                                    </th>
                                    <th class="text-uppercase text-secondary text-sm font-weight-bolder">
                                        place
                                    </th>
                                    <th class="text-center text-uppercase text-secondary text-sm font-weight-bolder">
                                        in
                                    </th>
                                    <th class="text-center text-uppercase text-secondary text-sm font-weight-bolder ">
                                        out
                                    </th>
                                    <th class="text-secondary opacity-7"></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($sv as $date => $visit)
                                    <tr>
                                        <td colspan="5" class=" text-xs fw-bold table-success">{{ $date }}</td>
                                    </tr>
                                    @foreach ($visit as $item)
                                        <td class="text-xxs">
                                            {{ Carbon\Carbon::parse($item->tgl_kunjungan)->format('F d, Y') }}</td>
                                        <td class="text-xxs">{{ $item->tempat_kunjungan }}</td>
                                        <td class="text-center text-xxs">
                                            <strong
                                                class="text-success">{{ Carbon\Carbon::parse($item->jam_mulai)->format('h:m') }}</strong>
                                        </td>
                                        <td class="text-center text-xxs">
                                            @if ($item->jam_selesai != null)
                                                <strong
                                                    class="text-danger">{{ Carbon\Carbon::parse($item->jam_selesai)->format('h:m') }}</strong>
                                            @else
                                                <strong class="text-primary">ONGOING</strong>
                                            @endif
                                        </td>
                                    @endforeach
                                @endforeach
                            </tbody>

                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col">

        </div>
    </div> --}}
    @include('content.modal.modal_master_barang')
@endsection
@section('script')
    @include('content.dashboard.script')
@endsection