@extends('layouts.app')

@section('content')


<style>

table, td, td {
    border:1px solid black;
    border-collapse: collapse;
    margin-left:3px;
    width:100%;
}
.xyz{
    margin-left: 205px;
    padding-bottom: 1px;
    font-weight: bold;
}
.date{
    width:50px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-weight: bold;
}
.uae{
    margin-left: 160px;
    padding-bottom: 1px;
    font-weight: bold;
}
.SFP{
    margin-left: 130px;
    padding-bottom: 1px;
    font-weight: bold;
}
.note{
    width:30px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-weight: bold;
}
.bold{
   font-weight: bold;
}
.AED{
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}
.gap{
   padding-top:4px;
}
.gaap{
   padding-top: 20px;
}
.xyzpl{
    text-align:center;
}
.uaepl{
    padding-left:190px;
}
.stcipl{
    padding-left:140px;
}
.ggp{
    padding-left:330px;padding-top:60px;
}
.notepl{
    padding-left:30px;padding-right:30px;
}
.datepl{
  text-align:center;padding-left: 15px;padding-right:15px;
}
.udovpl{
    text-decoration: underline overline
}
.ovlpl{
    text-decoration:overline;
}

table, td, td {
    border:1px solid black;
    border-collapse: collapse;
   
}

</style>

<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">{{ __('Profit & Loss') }}</div>

                <div class="card-body">
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif

<!-- <h2 class="text-center"></h2> -->
<div class="export-btn-container d-flex justify-content-center">
    <!-- <a class="export-btn" href="report">See Audit Report</a> -->
    <div class="col-md-12">

    <table>
    <tr>
        <td class="xyzpl bold">
        Balaji Techno Floor Trading FZE
        </td>
    </tr>
    <tr>
        <td class="">
            United Arab Emirates
        </td>
    </tr>
   <tr>    
   </tr>
    <tr>
        <td class="xyzpl bold">
            Statement of Total Comprehensive Income
        </td>
    </tr>
   
</table>
<table>
    <tr>
        <td></td>
        <td><br></td>
        <td></td>
    </tr>

    <tr>
        <td class="ggp"></td>
        <td class="notepl bold">Notes</td>
        <td class="datepl bold">
         <!-- 01/01/2021<br>
            to<br>
        31/12/2021 -->
        </td>
    </tr>

<tr>
    <td></td>
    <td></td>
    <td class="AED">Amount</td>
</tr>
<tr>
    <td class="bold">Revenue</td>
    <td></td>
    <td></td>
</tr>

<tr>    
<td class="bold">Income</td>
<td></td>
<td></td>
</tr>


<tr>    
<td class="bold">Total Income</td>
<td></td>
<td></td>
</tr>


<tr>    
<td class="bold">Expenses</td>
<td></td>
<td></td>
</tr>

<tr>    
<td class="bold">Total Expenses</td>
<td></td>
<td></td>
</tr>

</table>

    </div>
    </div>
    </div>
    </div>
    </div>
</div>
</div>
@endsection