@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:200px" class="img-rounded" alt="Cinque Terre">
        </div>
        <div class="style="width:25%"">

            <h4 style="text-align: center; margin: 0px;">{{ $department->name }}</h4>
            <h5 style="text-align: center; margin: 0px;">{{ $department->acc_name }}</h5>
            <h5 style="text-align: center; margin: 0px;">{{ $department->acc_no }}</h5>
            <p style="text-align: center; margin: 0px;">{{ $department->contact_person }}</p>
        </div>
        <div class="co-xs-1 text-right">
            
        </div>
    </div>			
		</div>
		<br>
<div class="container">
    <p>Date form: {{ $request->date_from_2 }} to: {{$request->date_to_2}}</p>
	<table align="center" class="table table-sm table-bordered">
		<thead>			
            <tr>
                <th>Sl</th>
                <th>Date</th>
                <th>Total Credit</th>
                <th>Total Debit</th>
                <th>Profil/Loss</th>
                <!-- <th>Remarks</th> -->
            </tr>
		</thead>
		<tbody>
			@if(sizeof($model) > 0)
			@foreach($model as $m)
				<tr>
                    <td>{{ ++$sl }}</td>
                    <td>{{ $m['date'] }}</td>
                    <td>{{ $m['total_credit'] }}</td>
                    <td>{{ $m['total_debit'] }}</td>
                    <td>{{ $m['pl'] }}</td>
                    <!-- <td>{{ $m['remarks'] }}</td>
                        multiple data will come here by date on debit table and credit table
                        -->
				</tr>
			@endforeach
			@endif
		</tbody>
		<tfoot>
            <tr>
                <td colspan="2"></td>
                <td>{{ $sumTotalCredit }}</td>
                <td>{{ $sumTotalDebit }}</td>
                <td>{{ $sumTotalCredit - $sumTotalDebit }}</td>
            </tr>
			<tr>
                <td colspan='2'>
                    <p>......</p>
                    <p>Operator</p>
                </td>
                <td colspan='2'>
                    <p>......</p>
                    <p>GM(o.p)</p>
                </td>
                <td>
                    <p>......</p>
                    <p>CEO</p>
                </td>
			</tr>
		</tfoot>
	</table>
</div>
<style type="text/css">
	table th, table td {
		font-size: 12px;
	}
    table tfoot td{
        text-align:center;
    }
</style>
@endsection