@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">Bonus</h4>
        </div>
        <div class="row profile-1">
            <div class="col-md-12">
                <!-- Search Section -->
                <form action="{{ route('admin.accounting.employees.bonus.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="mt-6 col-2">
                                                <input type="submit" id="submit" class="btn btn-primary br-te-7 br-be-7 mx-auto d-block"
                                                    value="View">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form> 
                @if (Request::has('date'))
                    <div class="tab-pane show fade">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">
                                    @if ($bonus->first())
                                     (<span class="text-success">{{$bonus->first()->from}}</span> To <span class="text-success">{{$bonus->first()->to}}</span> )
                                    @endif
                                </h3>
                            </div>
                            <div class="card-body">
                                {{-- Export btn --}}
                                @if (count($bonus) > 0)     
                                <form action="{{route('admin.accounting.employees.bonus.exportBonus')}}" method="get"> 
                                    <input type="hidden" value="{{request()->get('date')}}" name="date">
                                    <button type="submit" class="btn btn-primary mx-auto mb-6 d-block w-25" >Export</button>
                                </form> 
                                @endif
                                <div class="table-responsive" id="employees">
                                    <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;">employee name</th>
                                                <th style="text-align: center;">salary</th>
                                                <th style="text-align: center;">bonus</th>
                                                <th style="text-align: center;">net salary</th>
                                            </tr>
                                        </thead>
                                            <tbody>
                                                @php
                                                    $count=0;
                                                    $amount=0;
                                                @endphp
                                                @foreach ($bonus as $item)
                                                <tr class="text-center">
                                                <td>{{++$count}}</td>
                                                <td>
                                                    {{$item->employee->name}}
                                                    <i class="mdi mdi-information-outline leading-loose" data-bs-html="true" data-bs-toggle="tooltip" data-bs-placement="top" title="" 
                                                    data-bs-original-title="
                                                    Phone: {{$item->employee->phone}} <br>
                                                    Email: {{$item->employee->email}} <br>
                                                    Job Title: {{$item->employee->job_title->name}} <br>
                                                    ">
                                                </i>
                                                </td>
                                                <td>{{$item->salary}} EGP</td>
                                                <td>{{$item->bonus}} EGP</td>
                                                <td>{{$item->net_salary}} EGP</td>  
                                                </tr>
                                                @php
                                                    $amount=$amount+$item->deduction;
                                                @endphp
                                                @endforeach
                                                <tr>
                                                    <td colspan="5" class="text-center font-weight-bold">Total Bonus: <span class="text-danger">{{$amount}}</span> <span class="text-success">EGP</span></td>
                                                </tr>
                                            </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection