@extends('layouts.app')
@section('title', __('Sale Report'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>{{ __('Sale Report')}}</h1>
</section>
<style>
    .ml-3 {
        margin-left: 30px;
    }
</style>
<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-md-12">
            @component('components.filters', ['title' => __('report.filters')])
            {!! Form::open(['url' => action([\App\Http\Controllers\ReportController::class, 'getSellReport']), 'method' => 'get', 'id' => 'sell_report_filter_form' ]) !!}
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('location_id', __('purchase.business_location') . ':') !!}
                    {!! Form::select('location_id', $business_locations, null, ['class' => 'form-control select2', 'style' => 'width:100%']); !!}
                </div>
            </div>

            <div class="col-sm-3" id="supplier_input">
                <div class="form-group">
                    {!! Form::label('supplier_id', 'Supplier:') !!}
                    {!! Form::select('supplier_id', $suppliers, null, ['placeholder' => __('messages.please_select'), 'class' => 'form-control supplier_id select2']); !!}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('category_id', __('category.category') . ':') !!}
                    {!! Form::select('category', $categories, null, ['placeholder' => __('messages.all'), 'class' => 'form-control select2', 'style' => 'width:100%', 'id' => 'category_id']); !!}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('sub_category_id', __('product.sub_category') . ':') !!}
                    {!! Form::select('sub_category', array(), null, ['placeholder' => __('messages.all'), 'class' => 'form-control select2', 'style' => 'width:100%', 'id' => 'sub_category_id']); !!}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('brand', __('product.brand') . ':') !!}
                    {!! Form::select('brand', $brands, null, ['placeholder' => __('messages.all'), 'class' => 'form-control select2', 'style' => 'width:100%']); !!}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('unit',__('product.unit') . ':') !!}
                    {!! Form::select('unit', $units, null, ['placeholder' => __('messages.all'), 'class' => 'form-control select2', 'style' => 'width:100%']); !!}
                </div>
            </div>
            {{-- <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('sell_report_filter_date', __('Date') . ':') !!}
                    {!! Form::date('sell_report_filter_date', \Carbon\Carbon::now()->format('Y-m-d'), ['class' => 'form-control']); !!}
                </div>
            </div> --}}
         @if(empty($only) || in_array('sell_report_filter_date_range', $only))
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('sell_report_filter_date_range', __('report.date_range') . ':') !!}
                    {!! Form::text('sell_report_filter_date_range', null, ['placeholder' => __('lang_v1.select_a_date_range'), 'class' => 'form-control', 'readonly']); !!}
                </div>
            </div> 
            @endif 
           
            <div class="col-sm-3" style="margin-top: 25px;">
                <label class="btn-outline-success" for="reportType1">
                    <input type="radio" class="btn-check pr-5px" name="reportType" id="reportType1" autocomplete="off" value="summary" checked>
                    Summary</label>

                <label class="btn-outline-success ml-3" for="reportType">
                    <input type="radio" class="btn-check pr-5px" name="reportType" id="reportType" autocomplete="off" value="detail_wise">
                    Detail Wise</label>

            </div>
            {!! Form::close() !!}
            @endcomponent
        </div>
    </div>
    @can('view_product_stock_value')
    <div class="row">
        <div class="col-md-12" id="summaryTableDiv">
            @component('components.widget', ['class' => 'box-solid'])
            <table class="table no-border">
                <tr>
                    <td>@lang('Purchase Price Value')</td>
                    <td>@lang('MRP Value')</td>
                    <td>@lang('Selling Price Value')</td>
                    <td>@lang('lang_v1.potential_profit')</td>
                    <td>@lang('lang_v1.profit_margin')</td>
                </tr>
                <tr>
                    <td>
                        <h3 id="total_sell_by_pp" class="mb-0 mt-0"></h3>
                    </td>
                    <td>
                        <h3 id="total_sell_by_mrp" class="mb-0 mt-0"></h3>
                    </td>
                    <td>
                        <h3 id="total_sell_by_sp" class="mb-0 mt-0"></h3>
                    </td>
                    <td>
                        <h3 id="potential_profits" class="mb-0 mt-0"></h3>
                    </td>
                    <td>
                        <h3 id="profit_margins" class="mb-0 mt-0"></h3>
                    </td>
                </tr>
            </table>
            @endcomponent
        </div>
    </div>
    @endcan
    <div class="row">
        <div class="col-md-12" id="stockReportTableDiv" style="display:none;">
            @component('components.widget', ['class' => 'box-solid'])
            @include('report.partials.sell_report_table')
            @endcomponent
        </div>
    </div>
</section>
<!-- /.content -->

@endsection

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

<script></script>