@extends('layouts.backend')
@section('extraCss')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/fixedheader/3.1.2/css/fixedHeader.dataTables.min.css">
@endsection
@section('mainContentArea')
@include('backend.pos-window.bill-menu')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Store Exchanges
        </h4>
    </div>
    <div class="card-body">
        <form action="">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>Firstname</th>
                        <th>Telephone</th>
                        <th>Start</th>
                        <th>Ends</th>
                        <th colspan="2">Action</th>
                    </tr>
                    <tr>
                        <td><input type="text" class="form-control" id="fn" name="fn"></td>
                        <td><input type="text" class="form-control" id="tel" name="tel"></td>
                        <td><input type="text" class="form-control datepicker" id="sd" name="sd" readonly></td>
                        <td><input type="text" class="form-control datepicker" id="ed" name="ed" readonly></td>
                        <td><button class="btn btn-sm btn-success"><i class="fa fas fa-search"></i> Filter</button></td>
                        <td><button class="btn btn-sm btn-warning" type="button" onclick="window.location.href='{{ route('exchange-list') }}';"><i class="fa fas fa-reply"></i> Reset</button></td>
                    </tr>
                </thead>
            </table>
        </form>
        <table class="table table-bordered data-table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Date</th>
                    <th>Customer</th>
					<th>Telephone</th>
                    <th>Article</th>
                    <th>Color</th>
                    <th>Size</th>                   
                    <th>Hsn</th>                   
                    <th>Items</th>
                    <th>Amount</th>
                    <th width="100px">Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach($exchanges as $d => $exchange)
                <tr>
                    <td>{{ ($d + 1) }}</td>
                    <td>{{ date("F jS, Y", strtotime($exchange->date_added)) }}</td>
                    <td>{{ $exchange->customerInfo->firstname . ' ' . $exchange->customerInfo->latname }}</td>
					<td>{{ $exchange->customerInfo->telephone }}</td>					
                    <td>@foreach($exchange->exchangeProducts as $model)
														<br><br>
						@endforeach
					</td>				
					<td>@foreach($exchange->exchangeProducts as $model)
														<br><br>
						@endforeach
					</td>
					<td>@foreach($exchange->exchangeProducts as $model)
														<br><br>
						@endforeach
					</td>
					<td>@foreach($exchange->exchangeProducts as $hsn)
									{{ $hsn->fabric}}
							<br><br>
						@endforeach</td>
                    <td>{{ $exchange->exchangeProducts->count() }}</td>
                    <td>{{ round($exchange->exchangeProducts->sum('amount')) }}</td>
                    <td width="100px">
                        <form method="post" action="{{ route('print-exchange') }}" target="_blank">
                            @csrf
                            <input type="hidden" name="id" value="{{ $exchange->id }}">
                            <button class="btn btn-sm btn-info">Print</button>
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        <div class="alert alert-default">
            {!! $exchanges->render() !!}
        </div>
    </div>
</div>
@endsection