@extends('template.navbar')
@section('document_title')
    <h4 class="font-weight-bolder text-white mb-0 text-capitalize">purchase order</h4>
@endsection
@extends('master')
@section('css')
@endsection
@section('content')
    <div class="erp-filter-bar card shadow-sm mb-3">
        <div class="card-body py-2">

            <div class="row g-2 align-items-end">

                <div class="col-12 col-md-2">
                    <label class="form-label small mb-1">From</label>
                    <input type="date" class="form-control form-control-sm" id="from_date" value="{{ $sld_first_day }}">
                </div>

                <div class="col-12 col-md-2">
                    <label class="form-label small mb-1">To</label>
                    <input type="date" class="form-control form-control-sm" id="to_date" value="{{ $sld_now }}">
                </div>

                {{-- <div class="col-12 col-md-3">
                    <label class="form-label small mb-1">Supplier</label>
                    <select id="supplier" class="form-control form-control-sm">
                        <option value="">All Supplier</option>
                    </select>
                </div> --}}

                <div class="col-12 col-md-2 d-flex gap-2">
                    <button class="btn btn-primary btn-sm flex-fill" id="filter_date">
                        Filter
                    </button>
                    <button class="btn btn-light btn-sm flex-fill" id="reset_date">
                        Reset
                    </button>
                </div>

                <div class="col-12 col-md-6 text-md-end text-start">
                    <span class="text-muted small">Grand Total</span>
                    <div class="fw-bold" id="grand_total_head_datatable">0</div>
                </div>

            </div>

        </div>
    </div>
    <div class="card mb-4">
        <div class="card-body">

            <div class="table-responsive">
                <table class="table align-items-center table-sm" id="transaction_table">
                    <thead class="text-capitalize bg-gradient-secondary">
                        <tr>
                            <th rowspan="2" scope="col" class="text-light">purchase order no.</th>
                            <th rowspan="2" class="text-light">date</th>
                            <th colspan="2" class="text-light text-center">status</th>
                            <th rowspan="2" class="text-light">grand total</th>
                            <th rowspan="2" class="text-light">Remark</th>
                            <th rowspan="2"></th>
                            <th rowspan="2"></th>
                            <th rowspan="2"></th>
                        </tr>
                        <tr>
                            <th class="text-light">close</th>
                            <th class="text-light">approval</th>
                        </tr>

                    </thead>
                </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.transaction.PO.home.script')
@endsection