@extends('layouts.master')

@section('content')
    <!-- ===== Page-Content ===== -->
    <!-- .row -->
    <div class="row">
        <div class="col-md-12">
            <div class="card p-3">
                <h3 class="box-title pull-left">Profit & Loss</h3>
                <div class="clearfix"></div>
                <hr>



                <form class="form-horizontal" method="POST" action="{{ route('profit_loss_report') }}">
                    {{ csrf_field() }}

                    <div class="row">
                        <div class="col-md-10">

                            <div class="portlet light">
                                <div class="forms-horizontal form-body">
                                    <fieldset>

                                        <div class="form-group">

                                            <label for="fromdate" class="col-md-2 control-label">From Date</label>
                                            <div class="col-md-4">
                                                <div class="input-group mydatepicker date date-picker margin-bottom-5"
                                                    data-date-format="dd-mm-yyyy">
                                                    <input type="text" id="fromdate" autocomplete="off"
                                                        class="form-control form-filter" name="fromdate" required
                                                        placeholder="From" value="">

                                                </div>

                                            </div>

                                            <label for="todate" class="col-md-2 control-label">To Date</label>
                                            <div class="col-md-4">
                                                <div class="input-group mydatepicker date date-picker"
                                                    data-date-format="dd-mm-yyyy">
                                                    <input type="text" id="todate" autocomplete="off"
                                                        class="form-control form-filter" name="date_to" required
                                                        placeholder="To" value="">

                                                </div>

                                            </div>

                                        </div>

                                    </fieldset>
                                </div>
                            </div>

                        </div>

                        <div class="col-md-2">
                            <div class="portlet light">
                                <div class="portlet-body">
                                    <div class="form-horizontal form-body">
                                        <div style="text-align: left;">
                                            <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i>
                                                Run
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </form>


            </div>
        </div>
    </div>


    <!-- ===== Table for Result ===== -->
    


    <!-- ===== Page-Content-End ===== -->
    <!-- ===== Page-Content-End ===== -->
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />

    <!-- jQuery (required for Select2) -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <!-- Select2 JS -->
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        jQuery(document).ready(function() {

            $('#fromdate').datepicker({
                autoclose: true,
                todayHighlight: true
            });

            $('#todate').datepicker({
                autoclose: true,
                todayHighlight: true
            });


            $('#transaction_account_from').select2();
            $('#transaction_account_to').select2();


        });
    </script>
@endsection