@extends('template.navbar')
@section('document_title')
    <h4 class="font-weight-bolder text-white mb-0 text-capitalize">purchase requisition</h4>
@endsection
@extends('master')
@section('css')
    <style>
        .ts-wrapper {
            width: 100%;
        }

        .ts-wrapper .ts-control {

            min-height: 31px;

            border: 1px solid #d2d6da;

            border-radius: 0.375rem;

            padding: 0.25rem 0.5rem;

            font-size: 0.875rem;

            background: #fff;

            box-shadow: none;

        }

        .ts-wrapper.focus .ts-control {

            border-color: #5e72e4;

            box-shadow: 0 0 0 0.2rem rgba(94, 114, 228, .25);

        }

        .ts-dropdown {

            border-radius: 0.375rem;

            border: 1px solid #d2d6da;

        }
    </style>
@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 mb-1">
                        branch
                    </label>

                    <select id="kd_cabang" class="kd_akun">
                        @foreach ($cabang as $item)
                            <option value="{{ $item->kd_cabang }}" @if ($kd_cabang_user == $item->kd_cabang) selected @endif>
                                {{ $item->nama_cabang }}</option>
                        @endforeach
                    </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 requisition no.</th>
                            <th colspan="2" class="text-light text-center bg-gradient-info">status</th>
                            <th colspan="2" class="text-light text-center bg-gradient-success">date</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>
                            <th class="text-light">document</th>
                            <th class="text-light">reqired</th>
                        </tr>

                    </thead>
                </table>
            </div>

        </div>

    </div>
@endsection
@section('script')
    @include('content.transaction.PR.home.script')
@endsection