@extends('AdminLte.template')


@section('title')
{{__('Product List Report')}}
@endsection

@section('ExternalCss')
@parent
<style>
    .product-list-top-filters {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        justify-content: space-between;
        align-items: center;
        gap: 35px;
        width: 100%;
        max-width: 1080px;
        margin: 0 auto;
        text-align: left;
    }
    .product-list-top-filters .filter-item {
        white-space: nowrap;
    }
    .product-list-drug-row {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        justify-content: space-between;
        align-items: center;
        gap: 35px;
        width: 100%;
        max-width: 1080px;
        margin: 0 auto;
        text-align: left;
    }
    .product-list-drug-row .drug-filter-item {
        white-space: nowrap;
    }
    .product-list-drug-row .drug-filter-item:nth-child(2) {
        grid-column: 2;
    }
    .product-list-flag-filters {
        display: inline-block;
        text-align: left;
    }
    .product-list-flag-row {
        display: grid;
        grid-template-columns: 110px 60px 60px;
        align-items: center;
        column-gap: 10px;
        margin-bottom: 8px;
    }
    .product-list-flag-row label {
        margin-bottom: 0;
    }
    .product-list-flag-row .option-label {
        font-weight: normal;
    }
    .product-list-submit-row {
        clear: both;
        margin-top: 18px;
    }
</style>
@endsection
@section('Content')
<div class="col-md-12 txtCenter">
    <h3>{{__('Product List')}}</h3>
    {{ Form::open(['action' => 'RegisterReportController@productList','autocomplete' => 'off','id' => 'productlist']) }}
    <br />
    <div class="col-md-12">
        <div class="product-list-top-filters">
            <div class="filter-item">
                <label class="inputType">{{__('Product Type')}} : </label>
                <select name="productType" id="productType" class="inputType borderNone borderBottom blue noPadding" required>
                    <option value="All">{{__('ALL')}}</option>
                    <option value="M">{{__('Medicine')}}</option>
                    <option value="I">{{__('Item')}}</option>
                </select>
            </div>
            <div class="filter-item">
                <label class="inputType">{{__('Product Category')}} : </label>
                <select name="category" id="category" class="inputType borderNone borderBottom blue noPadding" required>
                    <option value="A">{{__('ALL')}}</option>
                    @foreach($productCategory as $key =>$supplier)
                    <option value="{{$supplier->category_id}}">{{$supplier->category_abbrev}}</option>
                    @endforeach
                </select>
            </div>
            <div class="filter-item">
                <label class="inputType">{{__('Product Status')}} : </label>
                <select name="productStatus" id="productStatus" class="inputType borderNone borderBottom blue noPadding" required>
                    <option value="All">{{__('ALL')}}</option>
                    <option value="Y">{{__('Active')}}</option>
                    <option value="N">{{__('Inactive')}}</option>
                </select>
            </div>
        </div>
    </div>
    <br /><br />
    <div class="col-md-12">
        <div class="product-list-drug-row">
            <div class="drug-filter-item">
                <label class="inputType">{{__('Generic Drug')}}</label>
                <input type="hidden" size="30" name="productMasterDrugId" id="productMasterDrugId" class="input">
                : <input type="text" size="30" name="productMasterDrugName" id="productMasterDrugName" class="inputType borderNone borderBottom blue noPadding">
            </div>
            <div class="drug-filter-item">
                <label class="inputType">{{__('Manufacturer')}}</label>
                <input type="hidden" size="30" name="productMasterManufacturerId" id="productMasterManufacturerId" class="input">
                : <input type="text" size="30" name="productMasterManufacturerName" id="productMasterManufacturerName" class="inputType borderNone borderBottom blue noPadding">
            </div>
            <div class="drug-filter-item">
                <label class="inputType">{{__('Requested By')}} :</label>
                <select name="productRequestedByUser[]" id="productRequestedByUser" multiple="multiple" class="inputType borderNone borderBottom blue noPadding ">
                @foreach($requestedByUserList as $productReqUser)
                    <option value="{{ $productReqUser->requested_by }}">{{ $productReqUser->requested_by }}</option>
                @endforeach
                </select>
            </div>
        </div>
    </div>
    <br /><br />
    <div class="col-md-12">
        <div class="product-list-flag-filters inputType">
            @php
                $flagFilters = [
                    ['name' => 'isHighrisk', 'label' => 'HighRisk'],
                    ['name' => 'isLasa', 'label' => 'LASA'],
                    ['name' => 'isNarcotic', 'label' => 'Narcotic'],
                    ['name' => 'isEmergency', 'label' => 'Emergency'],
                    ['name' => 'isDpco', 'label' => 'DPCO'],
                    ['name' => 'isSurgical', 'label' => 'Surgical'],
                ];
            @endphp
            @foreach($flagFilters as $flagFilter)
            <div class="product-list-flag-row">
                <label>{{__($flagFilter['label'])}}</label>
                <label class="option-label">
                    <input type="checkbox" name="{{$flagFilter['name']}}" value="Y" class="product-list-filter-option" data-group="{{$flagFilter['name']}}"> {{__('Yes')}}
                </label>
                <label class="option-label">
                    <input type="checkbox" name="{{$flagFilter['name']}}" value="N" class="product-list-filter-option" data-group="{{$flagFilter['name']}}"> {{__('No')}}
                </label>
            </div>
            @endforeach
            <div class="product-list-flag-row">
                <label>{{__('Schedule')}}</label>
                <select name="schedule" id="schedule" class="inputType borderNone borderBottom blue noPadding">
                    <option value="">{{__('Select')}}</option>
                    @foreach($schedule as $key => $scheduleValue)
                        <option value="{{ $scheduleValue }}">{{ $scheduleValue }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
    <div class="col-md-12 product-list-submit-row">
        <button type="submit" name="Submit" value="excel" id="btnDownloadExcel" class="btn btn-info btn-sm">
            <span class="glyphicon glyphicon-download-alt"></span> {{__('Download Excel')}}
        </button>
        <button type="submit" name="Submit" value="view" id="btnSubmit" class="btn btn-success btn-sm">{{__('Submit')}}</button>
    </div>
    {{ Form::close() }}
</div>
@endsection
@section('BootstrapModals')
@endsection

<!--External JS-->
@section('ExternalJs')
<script src="{{ asset ("/js/product.js?$releaseVersion") }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.product-list-filter-option').on('change', function() {
            var groupName = $(this).data('group');

            if ($(this).is(':checked')) {
                $('.product-list-filter-option[data-group="' + groupName + '"]').not(this).prop('checked', false);
            }
        });

        if($("#productRequestedByUser").length > 0){
            $('#productRequestedByUser').multiselect({
                nonSelectedText: "{{__('All')}}",
                maxHeight: 200,
                buttonWidth: '100px',
            });
        }
    });
</script>
@endsection
<!--External JS Close-->