@extends('layouts.app')

@section('title')
{{__('Request and Purchases')}}
@endsection

@section('breadcrumb')
<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1 class="m-0 text-dark">
        <i class="fas fa-wallet"></i>
          {{__('Request and Purchases')}}
        </h1>
      </div><!-- /.col -->
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="{{route('admin.index')}}">{{__('Home')}}</a></li>
          <li class="breadcrumb-item active">{{__('Request and Purchases')}}</li>
        </ol>
      </div><!-- /.col -->
    </div><!-- /.row -->
  </div><!-- /.container-fluid -->
</div>
@endsection

@section('content')
<div class="card card-primary card-outline">
  <div class="card-header">
    <!-- <h3 class="card-title">{{__('Purchases table')}}</h3> -->
    @can('create_purchase')
    <a href="{{route('admin.inventory.purchases.create')}}" class="btn btn-primary btn-sm float-right">
     <i class="fa fa-plus"></i> {{__('Create')}}
    </a>
    @endcan
  </div>
  <!-- /.card-header -->
  <div class="card-body">

    {{-- filters --}}
    <div id="accordion">
      <div class="card card-info">
          <a data-toggle="collapse" data-parent="#accordion" id="on_filter" href="#collapseOne1" class="btn btn-primary collapsed" aria-expanded="false">
              <i class="fas fa-filter"></i> {{ __('Filters') }}
          </a>
          <div id="collapseOne1" class="panel-collapse in collapse">
              <div class="card-body">
                <div class="row">
                  <div class="col-lg-3">
                    <div class="form-group">
                      <label for="filter_date">{{ __('Date') }}</label>
                      <div class="input-group">
                        <input type="text" class="form-control filter_date" id="filter_date" placeholder="{{ __('Date') }}" value="{{ isset($_GET['date']) ? $_GET['date'] : '' }}">
                        <div class="input-group-append">
                          <button class="btn btn-outline-secondary clear_date" type="button">Clear</button>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-lg-3">
                      <div class="form-group">
                          <label>{{ __('Laboratory') }}</label>
                          <br>
                          <select class="form-control filter_branch_idxx" id="filter_branch">
                          </select>

                      </div>
                      @if(isset($_GET['branch_id']))
                      {{-- @php
                        dd($branch_id_x);
                      @endphp --}}
                      <input type="hidden" id="filter_branch_id_x" value="{{$branch_id_x}}">
                      @endif

                  </div>   
                  <div class="col-lg-3">
                      <div class="form-group">
                          <label>{{ __('Status') }}</label>
                          <br>
                          {{-- @php
                            dd($_GET['branch_id']);
                          @endphp --}}
                          <select class="form-control" id="filter_status_x" >
                            <option value="">{{ __('Select Status') }}</option>
                            <option value="Pending">{{ __('Pending') }}</option>
                            <option value="Pending Approval" {{ isset($_GET['filter_pending_approver']) ? ($_GET['filter_pending_approver'] == 0 ? 'selected' : '') : '' }}>{{ __('Pending Approval') }}</option>
                            <option value="Approved">{{ __('Approved') }}</option>
                            <option value="Processing">{{ __('Processing') }}</option>
                            <option value="Completed">{{ __('Completed') }}</option>
                          </select>
                      </div>
                  </div>   
                  <div class="col-lg">
                    <div class="form-group">
                        <label>{{ __('Product Name') }}</label>
                        <select id="filter_product_name" class="form-control product_id">
                        </select>
                    </div>
                </div>
                <div class="col-lg">
                  <div class="form-group">
                      <label>{{ __('Category') }}</label>
                      <br>
                      <select class="form-control select_category" id="filter_category">
                      </select>
                  </div>
              </div>
                  {{-- <div class="col-lg-3">
                    <div class="form-group">
                        <label>{{ __('Request No.') }}</label>
                        <input type="text" class="form-control" name="" id="filter_request_no">
                    </div>
                </div>  --}}
              </div>
          </div>
      </div>
    </div>
    
    <div class="row table-responsive">
      <div class="col-12">
        <table id="purchases_table" class="table table-striped table-bordered"  width="100%">
          <thead>
            <tr>
              <th width="10px">
                <input type="checkbox" class="check_all" name="" id="">
              </th>
              <th width="10px">#</th>
              <th>{{__('Request No.')}}</th>
              <th>{{__('Laboratory')}}</th>
              <th>{{ __('Product Name(s)') }}</th>
              <th>{{__('Date')}}</th>
              <th>{{__('Signed')}}</th>
              <th>{{__('Signed By')}}</th>
              <th>{{__('Signed Date')}}</th>
              <th>{{__('Status')}}</th>
              <th>{{__('Created at')}}</th>
              {{-- <th>{{__('Supplier')}}</th>
              <th>{{__('Total')}}</th>
              <th>{{__('Paid')}}</th>
              <th>{{__('Due')}}</th> --}}
              <th width="100px">{{__('Action')}}</th>
            </tr>
          </thead>
          <tbody>

          </tbody>
        </table>
      </div>
    </div>
  </div>
  <!-- /.card-body -->
</div>

@endsection
@section('scripts')
  <script>
    var can_delete=@can('delete_purchase')true @else false @endcan
  </script>
  <script src="{{url('js/admin/purchases.js')}}"></script>
@endsection