@extends('layouts.admin')

@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{{ __('global_items.raw_material_cost')}}</p>

        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{ __('common.home')}}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ __('global_items.raw_material_cost')}}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row employee-list-view">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 employee-list-full">
            <div class="round-white-bg box-shadow">
                {!! Form::open(array('route' => $route, 'method' => 'GET', 'class'=>'filter_form mobile_filter')) !!}
                <div class="row filters_list ">
                    <div class="col-md-3 filters">
                        {{--<div class="form-group custom-input-group custom-input-group-small">--}}
                            {!! Form::label("item_name", __('item.name') , ['class' => 'first-column']) !!}
                            {!! Form::text("item_name", (isset($_GET['item_name'])?($_GET['item_name']):''), ['class'=>'form-control live-search second-column ml-0' , 'style' => 'height: 40px;']) !!}
                        {{--</div>--}}
                    </div>
                    <div class="col-md-3 filters">
                        {{--<div class="form-group custom-input-group custom-input-group-small">--}}
                            {!! Form::label("category", "Category" , ['class' => 'first-column']) !!}
                            {!! Form::select('category[]',$category, (isset($_GET['category'])?$_GET['category']:''), ['class'=>'form-control select2 second-column','multiple'=>true]) !!}
                        {{--</div>--}}
                    </div>
                    <div class="col-md-3 filters">

                        {!! Form::label("status", "Status" , ['class' => 'first-column']) !!}
                        {!! Form::select('status',[''=>__('common.select-option')]+activeStatus(), (isset($_GET['status'])?(($_GET['status']=="")?1:$_GET['status']):'1'), ['class'=>'form-control select2 second-column']) !!}
                    </div>
                    <div class="col-md-3 filters __filter_actions d-flex">
                        {{--<div class="__filter_actions">--}}
                            {!! Form::hidden('filter', 1) !!}
                            <input type="submit" class="btn btn-primary btn_sub search-btn" value="{{ __('orders.search') }}">
                            <a href="{{ route( $route ) }}" class="btn btn-primary  ml-2 reset-btn">{!! __('orders.reset') !!}</a>
                        {{--</div>--}}
                    </div>


                </div>
                {!! Form::close() !!}

                @if((isset($items) && count($items) > 0))
                    <div class="row">
                        <div class="col-md-12 text-right mt-4">
                            <a href="{!! route($downloadRoute) !!}" class="btn btn-success">
                                <i class="fa fa-download"></i>
                                {!! __('report.download_excel') !!}
                            </a>
                        </div>
                    </div>
                @endif

                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            @include('admin.report.raw-material-cost-view')
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

@endsection
@section('script')
<script>
    $(".live-search").on("keyup", function()
   {
       var value = $(this).val().toLowerCase();
       console.log(value);
       $("#global-items .i-items").filter(function() {
           $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
       });
   });
</script>
@endsection