@extends('template.navbar')
@section('document_title')
    <h4 class="font-weight-bolder text-white mb-0 text-capitalize">Goods Receipt</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-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>

        </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 colspan="3" class="text-light text-center bg-gradient-info">goods receipt</th>
                            <th colspan="2" class="text-light text-center bg-gradient-warning">references</th>
                            <th rowspan="2" class="text-light">supplier</th>
                            <th rowspan="2" class="text-light">supplier document</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-dark table-info">document no.</th>
                            <th class="text-dark table-info">date</th>
                            <th class="text-dark table-info">status</th>
                            <th class="text-dark table-warning">purchase order</th>
                            <th class="text-dark table-warning">purchase req.</th>
                        </tr>

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

        </div>

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