@extends('admin.include.main')
@section('content')
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>Staff Information</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="#" class="dropdown-item">Config option 1</a>
                                </li>
                                <li><a href="#" class="dropdown-item">Config option 2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">

                        <div class="table-responsive">
                            <table class="table table-striped table-bordered table-hover dataTables-example" >
                                <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Staff Name</th>
                                    <th>Type</th>
                                    <th>Position</th>
                                    <th>Mobile</th>
                                    <th>Address</th>
                                    <th>Salary</th>
                                    <th>Status</th>
                                    <th>Action</th>

                                </tr>
                                </thead>
                                <tbody>
                                    @foreach($staff as $staffs)
                                    <tr>
                                        <td>{{$staffs['st_id']}}</td>
                                        <td>{{$staffs['staff_name']}}</td>
                                        <td>{{$staffs['staff_type']}}</td>
                                        <td>{{$staffs['staff_position']}}</td>
                                        <td>{{$staffs['staff_mobile']}}</td>
                                        <td>{{$staffs['staff_address']}}</td>
                                        <td>{{$staffs['staff_salary']}}</td>
                                        <td>{{-- {{$staffs['staff_status']}} --}}
                                            @if($staffs['staff_status']=='active')
                                            <a type="button" style="background: green;
                                                color: white;
                                                padding: 6px 12px;width: 60px;" href="{{route('staff.changestatus',['id'=>$staffs['st_id'],'status'=>'0'])}}">active</a>
                                          @else
                                            <a class="" type="button" style="background:#b35900;
                                                color: white;
                                                padding: 6px 8px;width: 60px;"  href="{{route('staff.changestatus',['id'=>$staffs['st_id'],'status'=>'0'])}}">inactive</a>
                                            @endif
                                        </td>
                                        <td>
                                            <a class="btn btn-info" href="{{route('staff.edit',['id'=>$staffs['st_id']])}}" style="padding: 4px 9px!important;"><i class="fa fa-edit" style="color:white;font-size: 20px;" ></i></a>

                                            <a class="btn btn-primary" href="{{route('staff.view',['id'=>$staffs['st_id']])}}" style="padding: 4px 9px!important;"><i class="fa fa-eye" style="color:white;font-size: 20px;" ></i></a>


                                             <button class="btn btn-danger delete actionbtn" data-toggle="modal" data-target="#deletestaffmodal" data-id="{{$staffs['st_id']}}" style="padding: 3px 8px;"><i class="fa fa-trash" style="font-size: 20px;"></i></button>


                                        </td>




                                    </tr>
                                    @endforeach
                                </tbody>


                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

  <div class="modal fade" id="deletestaffmodal" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header" style="background-color:#f2f2f2">
                     <h4 class="modal-title text-left"> Delete Confirmation</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>



                </div>
                <form action="{{route('staff.delete')}}" method="POST" id="frm1">

                    {{csrf_field()}}


                    <div class="modal-body">
                        <input type="text" name="id" id="id" hidden>
                        <p class="text-center" style="color:red;font-size:17px;">Are you sure to Delete !!!</p>



                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-success actionbtn" id="dbtn" >Yes </button>
                        <button type="button" class="btn btn-warning actionbtn" data-dismiss="modal">Cancel </button>


                    </div>

                </form>


            </div>
        </div>
    </div>
@endsection