@extends('layouts.app')
@section('title', __( 'report.profit_loss' ))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>@lang( 'report.profit_loss' )
    </h1>
</section>
<style>
/* @media print 
{
    @page  
    { 
        size: auto;    */
        /* margin: 5mm 5mm 5mm 5mm; */
        /* margin-top: 2cm;
        margin-bottom: 2cm;
        margin-left: 2cm;
        margin-right: 2cm;  
    } 

    body  
    { 
        margin: 0px;  
    }
}  */
/* @media print 
{
    @page {
      size: A4;
      margin: 20mm 0 10mm 0;
    }
    html, body {
        width: 210mm;
        height: 297mm;
        font-size: 14px;
        background: #FFF;
        overflow:visible;
    }
    body {
        margin:0;
        padding:0;
    }

    table { page-break-inside:auto }
    tr    { page-break-inside:avoid; page-break-after:auto }
} */

</style>
<!-- Main content -->
<section class="content">
<div class="row no-print">
        <div class="col-md-3 col-md-offset-7 col-xs-6">
            <div class="input-group">
                <span class="input-group-addon bg-light-blue"><i class="fa fa-map-marker"></i></span>
                 <select class="form-control select2" id="profit_loss_location_filter">
                    @foreach($business_locations as $key => $value)
                        <option value="{{ $key }}">{{ $value }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="col-md-2 col-xs-6">
            <div class="form-group pull-right">
                <div class="input-group">
                  <button type="button" class="btn btn-primary" id="profit_loss_date_filter">
                    <span>
                      <i class="fa fa-calendar"></i> {{ __('messages.filter_by_date') }}
                    </span>
                    <i class="fa fa-caret-down"></i>
                  </button>
                </div>
            </div>
        </div>
</div>
    <br>
    <div class="box box-solid">
        <div class="box-header print_section">
            <h2 class="box-title">{{session()->get('business.name')}} - @lang( 'report.profit_loss' ) - <span id="hidden_date">{{@format_date('now')}}</span></h2>
        </div>
 
          @component('components.widget')
            <table class="table table-border-center no-border table-pl-12" id="debit_table">
                <thead>
                    <tr class="bg-gray">
                        <th style="font-weight:bold; font-size:18px;">@lang( 'account.debit')</th>
                        <th style="font-weight:bold; font-size:18px;">@lang( 'account.credit')</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <table class="table">
                        <tr>
                        <th>{{ __('report.opening_stock') }}:</th>
                            <td>
                                <span class="opening_stock">
                                    <i class="fa fa-refresh fa-spin fa-fw"></i>
                                </span>
                            </td>
                        </tr>
                        <tr>
                        <th>{{ __('home.total_purchase') }}:</th>
                        <td>
                             <span class="total_purchase">
                                <i class="fa fa-refresh fa-spin fa-fw"></i>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>{{ __('lang_v1.goods_available') }}:</th>
                        <td style="font-weight:bold;">
                             <span class="goods_available">
                                <i class="fa fa-refresh fa-spin fa-fw"></i>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>{{ __('report.total_stock_adjustment') }}:</th>
                        <td>
                             <span class="total_adjustment">
                                <i class="fa fa-refresh fa-spin fa-fw"></i>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>{{ __('report.total_expense') }}:</th>
                        <td style="font-weight:bold;">
                             <span class="total_expense">
                                <i class="fa fa-refresh fa-spin fa-fw"></i>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>{{ __('lang_v1.total_shipping_charges') }}:</th>
                        <td>
                             <span class="total_transfer_shipping_charges">
                                <i class="fa fa-refresh fa-spin fa-fw"></i>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>{{ __('lang_v1.total_sell_discount') }}:</th>
                        <td>
                             <span class="total_sell_discount">
                                <i class="fa fa-refresh fa-spin fa-fw"></i>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>{{ __('lang_v1.total_sell_return') }}:</th>
                        <td>
                             <span class="total_sell_return">
                                <i class="fa fa-refresh fa-spin fa-fw"></i>
                            </span>
                        </td>
                    </tr>
                    <tr>
                                <th style="font-weight:bold; font-size:18px;">
                                    {{ __('lang_v1.expenses_list') }}: 
                                </th>
                    </tr>
                </tbody>
                    <tbody id="cat_name" class="pl-20-td">
                            <tr><td colspan="2"><i class="fa fa-refresh fa-spin fa-fw"></i></td></tr>
                                </tbody>
                                {{--
                                <tbody>
                                    <tr>
                                        <th colspan="2">@lang('lang_v1.cat_name'):</th>
                                    </tr>
                                </tbody>
                                <tbody id="category_expense_total" class="pl-20-td">
                                    <tr><td colspan="2"><i class="fa fa-refresh fa-spin fa-fw"></i></td></tr>
                                </tbody>
                                --}}
                    </table>
                    @endcomponent
                        </td>
                        <td>
                        @component('components.widget')
                            <table class="table" id="credit_table">
                    <tbody>
                                <tr>
                        <th>{{ __('report.closing_stock') }}:</th>
                        <td>
                            <span class="closing_stock">
                                <i class="fa fa-refresh fa-spin fa-fw"></i>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>{{ __('home.total_sell') }}:</th>
                        <td style="font-weight:bold;">
                             <span class="total_sell">
                                <i class="fa fa-refresh fa-spin fa-fw"></i>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>{{ __('report.total_stock_recovered') }}:</th>
                        <td>
                             <span class="total_recovered">
                                <i class="fa fa-refresh fa-spin fa-fw"></i>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>{{ __('lang_v1.total_purchase_return') }}:</th>
                        <td>
                             <span class="total_purchase_return">
                                <i class="fa fa-refresh fa-spin fa-fw"></i>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>{{ __('lang_v1.total_purchase_discount') }}:</th>
                        <td>
                             <span class="total_purchase_discount">
                                <i class="fa fa-refresh fa-spin fa-fw"></i>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>{{ __('lang_v1.cost_of_sales') }}:</th>
                        <td style="font-weight:bold;">
                             <span class="cost_of_sales">
                                <i class="fa fa-refresh fa-spin fa-fw"></i>
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                        &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                        &nbsp;
                        </td>
                    </tr>   
                    </tbody>
                                
                    </table>
                    <div class="col-sm-12">
                        <div class="box box-solid">
                            <div class="box-body">
                                <h3 class="text-muted">
                                    {{ __('lang_v1.gross_margin') }}: 
                                    <span class="gross_margin">
                                        <i class="fa fa-refresh fa-spin fa-fw"></i> 
                                    </span>%
                                </h3>
                            </div>
                        </div>
                    </div>
                            @endcomponent
                        </td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr class="bg-gray">
                        <td>
                            <table class="table bg-gray mb-0 no-border">
                            <tr>
                                <th style="font-weight:bold; font-size:18px;">{{ __('report.total_expense') }}:</th>
                                <td style="font-weight:bold; font-size:18px;">
                                    <span class="total_expense">
                                        <i class="fa fa-refresh fa-spin fa-fw"></i>
                                    </span>
                                </td>
                            </tr>
                             
                            </table>
                        </td>
                        <td>
                            <table class="table bg-gray mb-0 no-border">
                            <tr>
                                    <th style="font-weight:bold; font-size:18px;">
                                    {{ __('report.net_profit') }}: 
                                    </th>
                                    <td style="font-weight:bold; font-size:18px;">
                                        <span class="net_profit"><i class="fa fa-refresh fa-spin fa-fw"></i></span>
                                    </td>
                                </tr>
                                <tr>
                                    <th style="font-weight:bold; font-size:18px;">
                                    {{ __('report.gross_profit') }}: 
                                    </th>
                                    <td style="font-weight:bold; font-size:18px;">
                                    <span class="gross_profit"><i class="fa fa-refresh fa-spin fa-fw"></i></span>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </tfoot>
            </table>

            <div class="row no-print">
        <div class="col-sm-12">
            <button type="button" class="btn btn-primary pull-right" 
            aria-label="Print" onclick="window.print();"
            ><i class="fa fa-print"></i> @lang( 'messages.print' )</button>
        </div>
    </div>
</div>
   
</section>

</section> 

@stop
@section('javascript')
<script src="{{ asset('js/report.js?v=' . $asset_v) }}"></script>

@endsection