@section('title', 'Closing Statement')
<div>
    <!-- start page title -->
    {{-- <div class="row">
        <div class="col-12">
            <div class="page-title-box d-flex align-items-center justify-content-between">
                <h4 class="mb-0 font-size-18">Closing Statement</h4>
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="javascript: void(0);"> ড্যাসবোর্ড</a></li>
                        <li class="breadcrumb-item active">Closing Statement</li>
                    </ol>
                </div>
            </div>
        </div>
    </div> --}}
    <!-- end page title -->

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="row mb-2">
                        <div class="col-sm-4">
                            <div class="search-box mr-2 mb-2 d-inline-block">
                                <div class="position-relative">
                                    <h4>Closing Statement</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <div class="text-sm-right">
                                <a href="{{ route('investment.closing-statement-list') }}" type="button"
                                    class="btn btn-success btn-rounded waves-effect waves-light mb-2 mr-2">Closing
                                    Statement List</a>
                            </div>
                        </div>
                    </div>
                    <form wire:submit.prevent="ClosingStatementSave">
                        <div class="row mb-3">
                            <div class="col-md-3 offset-md-3">
                                <div class="form-group">
                                    <label for="example-search-input" class="col-12 col-form-label">Closing Start
                                        Date</label>
                                    <div class="col-12">
                                        <input type="date" wire:model.lazy="closing_start_date" class="form-control"
                                            placeholder="Select Date">
                                        @error('closing_start_date')
                                            <span class="error">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="example-search-input" class="col-12 col-form-label">Closing End
                                        Date</label>
                                    <div class="col-12">
                                        <input type="date" wire:model.lazy="closing_end_date" class="form-control"
                                            placeholder="Select Date">
                                        @error('closing_end_date')
                                            <span class="error">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr>

                        <div class="row mb-3 offset-md-2">
                            <div class="col-md-6">
                                <div>


                                    <p class="text-muted"><i
                                            class="bx bx-caret-right  font-size-16 align-middle text-primary mr-1"></i>
                                        Profit Amount: 00.0</p>

                                    <p class="text-muted"><i
                                            class="bx bx-caret-right  font-size-16 align-middle text-primary mr-1"></i>
                                        Total Purchase Amount: 00.0</p>

                                    <p class="text-muted"><i
                                            class="bx bx-caret-right  font-size-16 align-middle text-primary mr-1"></i>
                                        Total Sales Amount: 00.0</p>

                                    <p class="text-muted"><i
                                            class="bx bx-caret-right  font-size-16 align-middle text-primary mr-1"></i>
                                        Total Sales Return Amount: 00.0</p>

                                    <p class="text-muted"><i
                                            class="bx bx-caret-right  font-size-16 align-middle text-primary mr-1"></i>
                                        Total Purchase Return Amount: 00.0</p>


                                </div>
                            </div>
                            <div class="col-md-6">
                                <div>
                                    <p class="text-muted"><i
                                        class="bx bx-caret-right  font-size-16 align-middle text-primary mr-1"></i>
                                    Total Expence Amount: {{$expenseTotal}}</p>

                                <p class="text-muted"><i
                                        class="bx bx-caret-right  font-size-16 align-middle text-primary mr-1"></i>
                                    Total Expence Percentage: 0%</p>
                                    <p class="text-muted"><i
                                            class="bx bx-caret-right  font-size-16 align-middle text-primary mr-1"></i>
                                        Total Sales Due Amount: 00.0</p>

                                    <p class="text-muted"><i
                                            class="bx bx-caret-right  font-size-16 align-middle text-primary mr-1"></i>
                                        Total Purchase Due Amount: 00.0</p>

                                    <p class="text-muted"><i
                                            class="bx bx-caret-right  font-size-16 align-middle text-primary mr-1"></i>
                                        Net Profit Amount: 00.0</p>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="row mb-3 offset-md-2">
                            <div class="ml-2">
                                <strong>
                                    <p class="text-muted"><i
                                            class="bx bx-bar-chart-alt  font-size-16 align-middle text-primary"></i>
                                        Profit(Per Lac): 00.0</p>
                                </strong>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 text-center">
                                <button class="btn btn-success ">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>