@extends('layouts.backend')

@section('extraCss')
<style>
    .select2-container--open .select2-dropdown--below {
        min-width:200px !important;
    }
    .tblPosOrdList td, .tblPosOrdList th {
        font-size:12px;
    }
</style>
@endsection

@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>Retails Data List  </h4>
    </div>
    <div class="card-body">
        <div class="alert alert-default">
            <form action="{{ route('retailsdata') }}">
                <h4>Retails Data Filter </h4>
                <table class="table filterPosSo">
                    <tr>
                        <td width="100">Bill Id</td>
                        <td width="150">Bill Number</td>
                        <td width="150">Article</td>
                        <td width="150">Pos</td>
                        <td width="50">Sps</td>
                        <td width="50">BDay</td>
                        <td width="50">Bill Value Min</td>
                        <td width="50">Bill Value Max</td>
                        <td width="150">DATE FROM</td>
                        <td width="150">DATE TO</td>                        
                        <td colspan="2">ACTION</td>
                    </tr>
                    <tr>
                        <td><input name="billid" id="billid" class="form-control" value="" style="width:150px;"></td>
                        <td><input name="billnumber" id="billnumber" class="form-control" value="" style="width:150px;"></td>
                        <td>
                            <select name="article[]" id="article" class="select2" style="width:240px;" multiple>
                                <option value=''>Select Article</option>                               
                                @foreach($article as $ar)
                                <option value="{{ $ar->code }}" {{ request('article')== $ar->code ? 'selected' : '' }}>{{ $ar->code }}</option>
                                @endforeach                               
                            </select>
                        </td>
                        
                        <td>
                            <select name="to_pos[]" id="to_poss" class="select2" style="width:240px;" multiple>
                                <option value=''>Select Pos </option>
                                @if($isWarehouse)
                                @foreach($ALL_WAREHOUSES as $warehouse)
                                <option value="{{ $warehouse->id }}" {{ request('warehouse_id') == $warehouse->id ? 'selected' : '' }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                                @endforeach
                                @else
                                @foreach($ALL_POS as $warehouse)
                                <option value="{{ $warehouse->id }}" {{ request('warehouse_id') == $warehouse->id ? 'selected' : '' }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                                @endforeach
                                @endif
                            </select>
                        </td>
                        <td>
                            <select name="sps" id="sps" class="select2" style="width:240px;">
                                <option value="">--Sps--</option>                                
                                <option value="1" {{ request('sps') == 1 ? 'selected' : '' }}>Yes</option>
                                <option value="0" {{ request('sps') == 0 ? 'selected' : '' }}>No</option>
                            </select>
                        </td>
                        <td>
                            <select name="bday" id="bday" class="select2" style="width:240px;">
                                <option vlue=''>--Bday--</option>                                
                                <option value="1" {{ request('bday') == 1 ? 'selected' : '' }}>Yes</option>
                                <option value="0" {{ request('bday') == 0 ? 'selected' : '' }}>No</option>
                            </select>
                        </td>
                        <td><input name="billmin" id="billmin" class="form-control" value="{{ request('billmin') }}" style="width:100px;"></td>
                        <td><input name="billmax" id="billmax" class="form-control" value="{{ request('billmax') }}" style="width:100px;"></td>
                        <td>
                            <input name="datefrom" id="datefrom" class="form-control datepicker" value="{{ request('datefrom') }}" style="width:150px;">
                        </td>
                        <td>
                            <input name="dateto" id="dateto" class="form-control datepicker" value="{{ request('dateto') }}" style="width:150px;">
                        </td>

                        
                        <td><button class="btn btn-block btn-success"><i class="fa fas fa-search"></i></button></td>
                        <td><button class="btn btn-block btn-warning" type="button" onclick="window.location.href='{{ route('retailsdata') }}';"><i class="fa fas fa-refresh"></i></button></td>
                    </tr>
                </table>
            </form>
        </div>
        <table class="table table-bordered tblPosOrdList">
            <thead>
                <tr>
                    <th>Bill Id</th>
                    <th>Bill No.</th>
                    <th>Biller</th>
                    <th>Pos Name</th>
                    <th>Customer Id</th>
                    <th>Customer Name</th>
                    <th>Telephone</th>
                    <th>Mrp To.</th>
                    <th>Sps</th>
                    <th>B`Day</th>
                    <th>Anniv.</th>
                    <th>Apt</th>
                    <th>Voucher</th>
                    <th>Clearance</th>
                    <th>Item</th>
                    <th>Sub To.</th>                    
                    <th>Tax</th>
                    <th>Grand</th>                    
                    <th>Bill Date</th>                    
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @if($bills->count() > 0)
                @foreach($bills as $bill)
                <tr>
                    <td>{{ $bill->id }}</td>
                    <td>{{ $bill->bill_number }}</td>
                    <td>{{ !empty($bill->billerInfo) ? $bill->billerInfo->name : '' }}</td>
                    <td>{{ !empty($bill->pos_id) ? $bill->warehouse->name : '' }}</td>
                    <td>{{ $bill->customer_id }}</td>
                    <td>{{ $bill->firstname }}</td>
                    <td>{{ $bill->telephone }}</td>
                    <td>{{ $bill->total_mrp }}</td>
                    <td>{{ $bill->total_sps_discount }}</td>
                    <td>{{ $bill->total_bday_discount }}</td>
                    <td>{{ $bill->total_ann_discount }}</td>
                    <td>{{ $bill->total_apt_discount }}</td>
                    <td>{{ $bill->total_voucher_discount }}</td>
                    <td>{{ $bill->total_clearance }}</td>
                    <td>{{ $bill->total_items }}</td>
                    <td>{{ $bill->sub_total }}</td>
                    <td>{{ $bill->total_tax }}</td>
                    <td>{{ $bill->grand_total }}</td>
                    <td>{{ $bill->bill_date }}</td>
                    <td><a href="{{ route('pos-bill-details', ['billid' => $bill->id])  }}" target="_blank"><i style="font-size:20px;" class="fa fas fa-eye"></i></a></td>                   
					
                </tr>
                @endforeach
                @else
                <tr>
                    <td colspan="10"><div class="alert alert-danger">No Retails Data found!</div></td>
                </tr>
                @endif
            </tbody>
        </table>
       
        <div class="text-right">
            {!! $bills->render() !!}
        </div>
    </div>
</div>
@endsection

@section('extraJs')
@endsection