@extends('backend.layouts.pdf')
@section('content')
<div class="container" style="padding-right: 40px; padding-left: 35px;">
    <div class="row">
        <div class="col-xs-1 text-left">
            <img src="{{asset('public/backend/images/logo.png')}}" style="margin:0 auto; width:50px" class="img-rounded" alt="Cinque Terre">
        </div>
        <div class="style="width:25%"">

            <h4 style="text-align: center; margin: 0px;">Summary Of Credit</h4>
            <h5 style="text-align: center; margin: 0px;">Swimming Pool</h5>
            <!--<h5 style="text-align: center; margin: 0px;">Swimming Report</h5> -->
           
        </div>
        <div class="co-xs-1 text-right">
            
        </div>
    </div>			
		</div>
		<br>
<div class="container">
    <p> <strong>Date form: {{ date('d/m/Y',strtotime($request->date_from_2)) }} to: {{ date('d/m/Y',strtotime($request->date_to_2)) }}</strong> </p>
	<table align="center" class="table table-sm table-bordered">
		<thead>			
			<tr>
                <th>SL</th>
                <th>Date</th>>
                <th>Income source</th>
                <th>Amount-BDT</th>
                <th>Remarks</th>

			</tr>
		</thead>
		<tbody>
			@if(sizeof($model) > 0)
			@foreach($model as $m)
				<tr>
                    <td>{{ ++$sl }}</td>
                    <td>{{ date('d/m/Y',strtotime($m->date)) }}</td>
                    <td>{{ $m->income_source->name }}</td>
                    <td>{{ $m->amount }}</td>
                    <td>{{ $m->remarks }}</td>
				</tr>
			@endforeach
			@endif
		</tbody>
		<tfoot>
            <tr>
                <td colspan='3' style="text-align:right;">
                    Total:
                </td>
                <td>
                    {{ $total }}
                </td>
                <td></td>
            </tr>
		</tfoot>
	</table>
</div>
<div class="row" style="margin-top:30px;">
	<table class="table table-striped" style="text-align:center; margin-top:20px;">
		<tbody>
			<tr>
				<td>
					<p>.....................</p>
					<p>Oparetor <p>
				</td>
				<td>
					<p>.....................</p>
					<p>GM <p>
				</td>
				<td>
					<p>.....................</p>
					<p>CEO <p>
				</td>
				<td>
					<p>.....................</p>
					<p>M/S <p>
				</td>
			</tr>
		</tbody>
	</table>
</div>
<style type="text/css">
	table th, table td {
		font-size: 12px;
	}
    table tfoot td{
        text-align:center;
    }
</style>
@endsection