@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">Total Expenses</h4>
        </div>
        <div class="row profile-1">
            <div class="col-md-12">
                <div class="">
                    <div class="ps-0 pb-5">
                        <div class="wideget-user-tab">
                            <div class="tab-menu-heading">
                                <div class="tabs-menu1">
                                    <ul class="nav">
                                        <li class="ms-0"><a href="{{ route('admin.accounting.expenses.unPostedExpeneses') }}" class="ms-0 me-2 w-100 {{$unPosted ? 'active':''}}">Un-Posted</a></li>
                                        <li><a href="{{ route('admin.accounting.expenses.postedExpeneses') }}" class="w-100 {{$posted ? 'active':''}}">Posted</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                    {{-- Un Posted  --}}
                    @if ($unPosted)   
                    <!-- Search Section -->
                    <form action="{{ route('admin.accounting.expenses.unPostedExpeneses.search') }}" method="get">
                        <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"> Period: </label>
                                                    <select class="form-control select2-show-search" id="from" name="date">
                                                        <option value="0" disabled selected>Select</option>
                                                        @foreach ($dates as $item)
                                                        <option value="{{$item->from}}">{{'From ( '.$item->from. ' ) To ( ' . $item->to.' )'}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                               
                                                <div class="col-md-2 mt-6">
                                                    <input type="submit" id="submit" class="btn btn-primary br-te-7 br-be-7 "
                                                        value="View">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form> 
                    <div class="tab-pane show fade">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">Un Posted List</h3>
                            </div>
                            <div class="card-body">
                                {{-- Export btn --}}
                                @if (count($unPosted) > 0)     
                                <form action="{{route('admin.accounting.expenses.exportUnPostedExpenses')}}" method="get"> 
                                    <input type="hidden" value="{{request()->get('date')}}" name="date">
                                    <button type="submit" class="btn btn-primary mx-auto d-block w-25" >Export</button>
                                </form> 
                                @endif
                                <div class="table-responsive" id="unPosted">
                                    <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>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $count=0
                                            @endphp
                                            @foreach ($unPosted as $item)
                                            <tr class="text-center">
                                            <td>{{++$count}}</td>
                                            <td>{{$item->total_expenses}} EGP</td>
                                            <td>{{$item->from}}</td>
                                            <td>{{$item->to}}</td>  
                                            <td>
                                              <a target="_blank" href="{{route('admin.accounting.expenses.expensesDetails',$item->texid)}}">View Details</a>    
                                            </td>  
                                            {{-- Cancel Calc --}}
                                             <td>
                                                <div>
                                                    {{-- Cancel calculation --}}
                                                    <a href="javascript:void(0)" onClick="cancelCalculation(event,{{$item->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',$item->texid) }}" id="cancel-form-{{$item->texid}}">
                                                            @csrf
                                                            <input name="_method" type="hidden" value="DELETE">
                                                        </form>
                                                    </a>
                                                </div>
                                            </td>   
                                            {{-- Post --}}
                                            <td>
                                                <div>
                                                    <a href="javascript:void(0)" onClick="confirmPost(event,{{$item->texid}})" class="btn btn-outline-success  btn-sm waves-effect waves-light"
                                                        data-bs-toggle="tooltip" data-bs-original-title="Post">
                                                        Post
                                                        <i class="fa fa-plus fs-10"></i>
                                                        <form method="POST" action="{{ route('admin.accounting.expenses.postExpeneses',$item->texid) }}" id="post-form-{{$item->texid}}">
                                                            @csrf
                                                            <input name="_method" type="hidden" value="POST">
                                                        </form>
                                                    </a>
                                                </div>
                                               
                                            </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    {{--  posted  --}}
                    @if ($posted)    
                    <form action="{{ route('admin.accounting.expenses.postedExpeneses.search') }}" method="get">
                        <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"> Period: </label>
                                                    <select class="form-control select2-show-search" id="from" name="date">
                                                        <option value="0" disabled selected>Select</option>
                                                        @foreach ($dates as $item)
                                                       <option value="{{$item->from}}">{{'From ( '.$item->from. ' ) To ( ' . $item->to.' )'}}</option>
                                                       @endforeach
                                                    </select>
                                                </div>
                                               
                                                <div class="col-md-2 mt-6">
                                                    <input type="submit" id="submit" class="btn btn-primary br-te-7 br-be-7 "
                                                        value="View">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form> 
                    <div class="tab-pane show fade">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">Posted List</h3>
                            </div>
                            <div class="card-body">
                                @if (count($posted) > 0)
                                <form action="{{route('admin.accounting.expenses.exportPostedExpenses')}}" method="get"> 
                                    <input type="hidden" value="{{request()->get('date')}}" name="date">
                                    <button type="submit" class="btn btn-primary mx-auto d-block w-25" >Export</button>
                                </form>     
                                @endif
                                <div class="table-responsive" id="committed">
                                    <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;">amount</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>
                                            @php
                                                $count=0
                                            @endphp
                                            @foreach ($posted as $item)
                                            <tr class="text-center">
                                            <td>{{++$count}}</td>
                                            <td>{{$item->total_expenses}} EGP</td>
                                            <td>{{$item->from}}</td>
                                            <td>{{$item->to}}</td>  
                                            <td>
                                                <a target="_blank" href="{{route('admin.accounting.expenses.expensesDetails',$item->texid)}}">View Details</a>    
                                            </td>  
                                            <td>
                                                @if ($committed->count() > 0)
                                                    <span class="badge badge-success">Already Committed</span>
                                                @else    
                                                    <div>
                                                        <a href="javascript:void(0)" onClick="cancelPost(event,{{$item->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.cancelPostExpeneses',$item->texid) }}" id="cancel-post-form-{{$item->texid}}">
                                                                @csrf
                                                                <input name="Cancel Post" type="hidden" value="">
                                                            </form>
                                                        </a>
                                                    </div>
                                                @endif
                                            </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
               
            </div>
        </div>
       
    </div>
</div>
@endsection
@section('admin-js')

{{-- Cancel Calc --}}
<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>

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

{{-- Cancel Post --}}
<script>
    // Cancel Post
    function cancelPost(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-post-form-${id}`).submit();
                }
            });
    }
</script>

@endsection