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

            <h4 style="text-align: center; margin: 0px;">Summary Of Debit</h4>
            <h5 style="text-align: center; margin: 0px;">Accounts</h5>
            <!--<h5 style="text-align: center; margin: 0px;">Swimming Report</h5> -->
            <p style="text-align: center; margin: 0px;"></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>
    <div class="row">
        <div class="col-xl-12">
            <div class="col-xs-6">
                <h3>Asset Details</h3>
                <table align="center" class="table table-sm table-bordered">
                    <thead>
                        <tr>
                            <th>Sl</th>
                            <th>Date</th>
                            <th>Head</th>
                            <th>Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(sizeof($asset) > 0)
                        @foreach($asset as $m)
                        <tr>
                            <td>{{ ++$sl }}</td>
                            <td>{{ $m->date }}</td>
                            <td>{{ $m->head }}</td>
                            <td>{{ $m->amount }}</td>
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="3" style="text-align:right;">Total:</td>
                            <td>{{ $assetTotal }}</td>
                        </tr>
                    </tfoot>
                </table>	
            </div>
            <div class="col-xs-6">
                <h3>Libilities Details</h3>
                <table align="center" class="table table-sm table-bordered">
                    <thead>
                        <tr>
                            <th>Sl</th>
                            <th>Date</th>
                            <th>Head</th>
                            <th>Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(sizeof($libilities) > 0)
                        @foreach($libilities as $m)
                        <tr>
                            <td>{{ ++$sl }}</td>
                            <td>{{ $m->date }}</td>
                            <td>{{ $m->head }}</td>
                            <td>{{ $m->amount }}</td>
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="3" style="text-align:right;">Total:</td>
                            <td>{{ $libilitiesTotal }}</td>
                        </tr>
                    </tfoot>
                </table>	
            </div>
        </div>
        <div class="col-md-12">
            <table align="center" class="table table-sm">
                <tfoot>
                    <tr>
                        <td colspan='2'>
                            <p>......</p>
                            <p>Operator</p>
                        </td>
                        <td colspan='2'>
                            <p>......</p>
                            <p>GM(o.p)</p>
                        </td>
                        <td colspan='2'>
                            <p>......</p>
                            <p>CEO</p>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>	
</div>
<style type="text/css">
	table th, table td {
		font-size: 12px;
	}
    table tfoot td{
        text-align:center;
    }
</style>
@endsection