@extends('Admin.AdminMaster')
@section('content')
        <div class="col-12">  
              <h3 id="blink" style="color:red"class="mb-2 page-title">Salary Deadline</h3>
              <div class="wrapper wrapper-content animated fadeInRight">
			<div class="row">
                <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>Salary Deadline</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">

                        <div class="table-responsive">
                      <table style="width:100%"class="table table-striped table-bordered table-hover dataTables-example">
                       <thead class="thead-light">
              <tr>
            <th>Last Payment Date</th>
            <th>Payed member</th>
            <th>Payed Role</th>
            <th>Payer</th>
            <th>Amount Payed</th>
            <th>Next Payment Date</th>
          </tr>
        </thead>
        <tbody>
           @foreach ($salary as $item)
           <tr>
            <td>{{ $item->SalaryDate }}</td>
            <td>{{ $item->mishahara->Fname }}{{ " " }}{{ $item->mishahara->Lname }}</td>
            <td>{{ $item->mishahara->Role }}</td>
            <td>{{ $item->user->Fname }}{{ " " }}{{ $item->user->Lname }}</td>
            <td>{{ number_format($item->Amount,0) }}</td>
            <td>{{ $item->NextDate }}</td>
            </tr>
           @endforeach
              </tbody>
                </table>
                  </div>
                  </div>
                </div> 
              </div> <!-- end section -->
            </div> <!-- .col-12 -->
          </div> <!-- .row -->
@endsection