@extends('layouts.admin')

@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <div class="page-header">
            <h4 class="page-title">Calculate</h4>
        </div>
         <!-- Search Section -->
         <form action="{{ route('admin.accounting.expenses.calculate') }}" method="post">
            @csrf
            <div class="mb-5">
                <div class="">
                    <div class="p-5 bg-white">
                        <div class="mt-3 item2-gl-nav">
                            <div class="d-block ">
                                <h5 class="mb-2 mt-0">@lang('student.filter by')</h5>
                                <div class="row">
                                    
                                    <div class="col-md-6">
                                        <label class="mt-3 mb-sm-1"> from: </label>
                                        <div>
                                        <input type="date" class="form-control" name="from" id="from" required>
                                        </div>
                                    </div> 
                                    <div class="col-md-6">
                                        <label class="mt-3 mb-sm-1"> to: </label>
                                        <div>
                                        <input type="date" class="form-control" name="to" id="to" required>
                                        </div>
                                    </div>
                                </div>
                                <div class=" mt-6">
                                    <input type="submit" id="submit" class="btn btn-primary mx-auto d-block br-te-7 br-be-7 "
                                        value="Calculate">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        
        @if ($total_expenses=Session::get('total_expenses'))
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">total salaries</h3>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table
                        class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                        <thead>
                            <tr>
                                <th style="text-align: center;">Id</th>
                                <th style="text-align: center;">Total expenses</th>
                                <th style="text-align: center;">from</th>
                                <th style="text-align: center;">to</th>
                                <th style="text-align: center;">details</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            
                            <tr class="text-center">
                            <td>1</td>
                            <td>{{$total_expenses->total_expenses}}</td>
                            <td>{{$total_expenses->from}}</td>
                            <td>{{$total_expenses->to}}</td>
                            <td>
                                <a target="_blank" href="{{route('admin.accounting.expenses.expensesDetails',$total_expenses->texid)}}">View Details</a>    
                            </td>
                            <td>
                                <div>
                                    {{-- Cancel calculation --}}
                                    <a href="javascript:void(0)" onClick="cancelCalculation(event,{{$total_expenses->texid}})" class="btn btn-outline-danger  btn-sm waves-effect waves-light"
                                        data-bs-toggle="tooltip" data-bs-original-title="Cancel">
                                        Cancel
                                        <i class="fa fa-times-rectangle-o fs-10"></i>
                        
                                        <form method="POST" action="{{ route('admin.accounting.expenses.cancelCalculation',$total_expenses->texid) }}" id="cancel-form-{{$total_expenses->texid}}">
                                            @csrf
                                            <input name="_method" type="hidden" value="DELETE">
                                        </form>
                                    </a>
                                </div>
                            </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection
@section('admin-js')

<script>
     // Cancel calc
     function cancelCalculation(e, id){ //on add input button click
        e.preventDefault();
        Swal.fire({
                title: "Are you sure?",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes, Confirm!"
            }).then(function(result) {
                if (result.value) {
                    document.getElementById(`cancel-form-${id}`).submit();
                }
            });
    }
</script>

@endsection