@extends('layouts.app')

@section('title', 'Location Profit & Loss')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>Profit & Loss - {{ $location->name ?? 'Location' }}
        <small class="text-muted">Period: {{ @format_date($startDate) }} to {{ @format_date($endDate) }}</small>
    </h1>
</section>

<!-- Main content -->
<section class="content">
    @component('components.widget', ['class' => 'box-primary'])
        <div class="row">
            <div class="col-md-4 col-xs-12">
                <div class="form-group">
                    {!! Form::label('start_date', __('accounting-reports::lang.start_date') . ':') !!}
                    {!! Form::text('start_date', @format_date($startDate ?? now()->startOfMonth()), ['class' => 'form-control date-picker', 'readonly', 'id' => 'start_date']) !!}
                </div>
            </div>
            <div class="col-md-4 col-xs-12">
                <div class="form-group">
                    {!! Form::label('end_date', __('accounting-reports::lang.end_date') . ':') !!}
                    {!! Form::text('end_date', @format_date($endDate ?? now()->endOfMonth()), ['class' => 'form-control date-picker', 'readonly', 'id' => 'end_date']) !!}
                </div>
            </div>
            <div class="col-md-4 col-xs-12">
                <div class="form-group">
                    <label>&nbsp;</label><br>
                    <button type="button" class="btn btn-primary" id="filter_btn">
                        <i class="fa fa-filter"></i> @lang('messages.filter')
                    </button>
                    <a href="{{ route('accounting-reports.location-pl.index') }}?start_date={{ $startDate }}&end_date={{ $endDate }}" class="btn btn-default">
                        <i class="fa fa-arrow-left"></i> Back to All Locations
                    </a>
                </div>
            </div>
        </div>
    @endcomponent

    @php
        $summary = $plData['summary'] ?? [];
        $tradingAccount = $plData['trading_account'] ?? [];
        $plAccount = $plData['pl_account'] ?? [];
    @endphp

    <!-- Summary Cards -->
    <div class="row">
        <div class="col-md-3 col-sm-6">
            <div class="info-box bg-aqua">
                <span class="info-box-icon"><i class="fa fa-dollar"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Total Revenue</span>
                    <span class="info-box-number">@format_currency($summary['total_revenue'] ?? 0)</span>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="info-box bg-yellow">
                <span class="info-box-icon"><i class="fa fa-shopping-cart"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">COGS</span>
                    <span class="info-box-number">@format_currency($summary['total_cogs'] ?? 0)</span>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="info-box bg-green">
                <span class="info-box-icon"><i class="fa fa-arrow-up"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Gross Profit</span>
                    <span class="info-box-number">@format_currency($summary['gross_profit'] ?? 0)</span>
                    <div class="progress">
                        <div class="progress-bar" style="width: {{ min(abs($summary['gross_profit_percentage'] ?? 0), 100) }}%"></div>
                    </div>
                    <span class="progress-description">
                        {{ number_format($summary['gross_profit_percentage'] ?? 0, 2) }}% Margin
                    </span>
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="info-box bg-{{ ($summary['net_profit'] ?? 0) >= 0 ? 'blue' : 'red' }}">
                <span class="info-box-icon"><i class="fa fa-{{ ($summary['net_profit'] ?? 0) >= 0 ? 'check' : 'times' }}"></i></span>
                <div class="info-box-content">
                    <span class="info-box-text">Net Profit</span>
                    <span class="info-box-number">@format_currency($summary['net_profit'] ?? 0)</span>
                    <div class="progress">
                        <div class="progress-bar bg-{{ ($summary['net_profit'] ?? 0) >= 0 ? 'blue' : 'red' }}" style="width: {{ min(abs($summary['net_profit_percentage'] ?? 0), 100) }}%"></div>
                    </div>
                    <span class="progress-description">
                        {{ number_format($summary['net_profit_percentage'] ?? 0, 2) }}% Margin
                    </span>
                </div>
            </div>
        </div>
    </div>

    <!-- Trading Account -->
    <div class="row">
        <div class="col-md-6">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">Trading Account</h3>
                </div>
                <div class="box-body">
                    <table class="table table-bordered">
                        <tr>
                            <th colspan="2" class="text-center bg-light-blue">Revenue</th>
                        </tr>
                        <tr>
                            <td>Sales</td>
                            <td class="text-right">@format_currency($tradingAccount['revenue'] ?? 0)</td>
                        </tr>
                        <tr>
                            <td><strong>Total Revenue</strong></td>
                            <td class="text-right"><strong>@format_currency($tradingAccount['revenue'] ?? 0)</strong></td>
                        </tr>
                        <tr>
                            <th colspan="2" class="text-center bg-light-blue">Less: Cost of Goods Sold</th>
                        </tr>
                        <tr>
                            <td>Opening Stock</td>
                            <td class="text-right">@format_currency($tradingAccount['opening_stock'] ?? 0)</td>
                        </tr>
                        <tr>
                            <td>Purchases</td>
                            <td class="text-right">@format_currency($tradingAccount['purchases'] ?? 0)</td>
                        </tr>
                        <tr>
                            <td>Less: Purchase Returns</td>
                            <td class="text-right">@format_currency($tradingAccount['purchase_return'] ?? 0)</td>
                        </tr>
                        <tr>
                            <td>Less: Closing Stock</td>
                            <td class="text-right">@format_currency($tradingAccount['closing_stock'] ?? 0)</td>
                        </tr>
                        <tr>
                            <td><strong>Total COGS</strong></td>
                            <td class="text-right"><strong>@format_currency($tradingAccount['cogs'] ?? 0)</strong></td>
                        </tr>
                        <tr class="bg-{{ ($tradingAccount['gross_profit'] ?? 0) >= 0 ? 'green' : 'red' }}">
                            <td><strong>Gross Profit</strong></td>
                            <td class="text-right"><strong>@format_currency($tradingAccount['gross_profit'] ?? 0)</strong></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

        <!-- Profit & Loss Account -->
        <div class="col-md-6">
            <div class="box box-success">
                <div class="box-header with-border">
                    <h3 class="box-title">Profit & Loss Account</h3>
                </div>
                <div class="box-body">
                    <table class="table table-bordered">
                        <tr>
                            <th colspan="2" class="text-center bg-light-blue">Income</th>
                        </tr>
                        <tr>
                            <td>Gross Profit</td>
                            <td class="text-right">@format_currency($tradingAccount['gross_profit'] ?? 0)</td>
                        </tr>
                        <tr>
                            <td>Other Income</td>
                            <td class="text-right">@format_currency($plAccount['total_indirect_incomes'] ?? 0)</td>
                        </tr>
                        <tr>
                            <td><strong>Total Income</strong></td>
                            <td class="text-right"><strong>@format_currency(($tradingAccount['gross_profit'] ?? 0) + ($plAccount['total_indirect_incomes'] ?? 0))</strong></td>
                        </tr>
                        <tr>
                            <th colspan="2" class="text-center bg-light-blue">Expenses</th>
                        </tr>
                        <tr>
                            <td>Operating Expenses</td>
                            <td class="text-right">@format_currency($plAccount['total_indirect_expenses'] ?? 0)</td>
                        </tr>
                        <tr class="bg-{{ ($plAccount['net_profit'] ?? 0) >= 0 ? 'green' : 'red' }}">
                            <td><strong>Net Profit / (Loss)</strong></td>
                            <td class="text-right"><strong>@format_currency($plAccount['net_profit'] ?? 0)</strong></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Key Metrics -->
    <div class="row">
        <div class="col-md-12">
            <div class="box box-info">
                <div class="box-header with-border">
                    <h3 class="box-title">Key Performance Metrics</h3>
                </div>
                <div class="box-body">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="description-block border-right">
                                <span class="description-percentage text-green">
                                    <i class="fa fa-caret-up"></i> {{ number_format($summary['gross_profit_percentage'] ?? 0, 2) }}%
                                </span>
                                <h5 class="description-header">Gross Profit Margin</h5>
                                <span class="description-text">@format_currency($summary['gross_profit'] ?? 0)</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="description-block border-right">
                                <span class="description-percentage text-{{ ($summary['net_profit_percentage'] ?? 0) >= 0 ? 'green' : 'red' }}">
                                    <i class="fa fa-caret-{{ ($summary['net_profit_percentage'] ?? 0) >= 0 ? 'up' : 'down' }}"></i> {{ number_format($summary['net_profit_percentage'] ?? 0, 2) }}%
                                </span>
                                <h5 class="description-header">Net Profit Margin</h5>
                                <span class="description-text">@format_currency($summary['net_profit'] ?? 0)</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="description-block border-right">
                                <span class="description-percentage text-yellow">
                                    <i class="fa fa-percent"></i> {{ number_format(($summary['total_cogs'] ?? 0) > 0 && ($summary['total_revenue'] ?? 0) > 0 ? (($summary['total_cogs'] / $summary['total_revenue']) * 100) : 0, 2) }}%
                                </span>
                                <h5 class="description-header">COGS Ratio</h5>
                                <span class="description-text">@format_currency($summary['total_cogs'] ?? 0)</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="description-block">
                                <span class="description-percentage text-red">
                                    <i class="fa fa-percent"></i> {{ number_format(($summary['total_indirect_expenses'] ?? 0) > 0 && ($summary['total_revenue'] ?? 0) > 0 ? (($summary['total_indirect_expenses'] / $summary['total_revenue']) * 100) : 0, 2) }}%
                                </span>
                                <h5 class="description-header">Expense Ratio</h5>
                                <span class="description-text">@format_currency($summary['total_indirect_expenses'] ?? 0)</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>

@endsection

@section('javascript')
<script type="text/javascript">
    $(document).ready(function() {
        // Date picker
        $('.date-picker').datepicker({
            autoclose: true,
            format: datepicker_date_format
        });

        // Filter button
        $('#filter_btn').on('click', function() {
            var startDate = $('#start_date').val();
            var endDate = $('#end_date').val();
            
            var url = '{{ route("accounting-reports.location-pl.show", $location->id) }}';
            url += '?start_date=' + startDate + '&end_date=' + endDate;
            
            window.location.href = url;
        });
    });
</script>
@endsection