@extends('layouts.master')
@section('content')
<div class="card mb-3">
    <div class="card-body">
        <form method="GET" action="{{ route('employees.index') }}" class="row">
            <div class="col-lg-4">
                <div class="form-group mb-0">
                    @component('components.employee_search', [
                        'employee_name' => $employee_name ?? '',
                        'employee_code' => request()->employee_code ?? '',
                        'required' => '',
                    ])
                    @endcomponent
                </div>
            </div>

            <div class="form-group col-lg-2 col-md-2">
                {{ generateDropdown($shifts, 'class="form-control shift" id="shift" name="shift"', request()->query('shift'), "Select Shift") }}
            </div>

            <div class="form-group col-lg-2 col-md-2">
                <button type="submit" class="btn btn-info">Search</button>
            </div>
        </form>
    </div>
</div>
<div class="card">
    <div class="card-header card-custom-bg d-flex flex-row align-items-center justify-content-between">
        <h5>Employee List</h5> <a href="{{ route('employees.create') }}" class="btn btn-sm btn-primary">Add New</a>
    </div>
    <div class="card-body">
        <div class="row table-responsive">
            <table class="table table-strip">
                <thead class="thead-light">
                    <tr>
                        <th>Emp. Code</th>
                        <th>Profile</th>
                        <th>Name</th>
                        <th>Gender</th>
                        <th>Mobile Number</th>
                        <th>Joining Date</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                @foreach($employees as $employee)
                    <tr>
                        <td>{{$employee->employee_code}}</td>
                        <td><img width="50" src="{{$employee->employee_photo ? asset($employee->employee_photo):asset('/default/profile.png')}}"/></td>
                        <td>{{$employee->first_name}} {{$employee->last_name}}</td>
                        <td>{{$employee->gender}}</td>
                        <td>{{$employee->mobile_number}}</td>
                        <td>{{$employee->joining_date}}</td>
                        <td class="d-flex justify-content-start">
                            <a href="{{ route('employees.show', $employee->id) }}" class="btn btn-sm btn-success">Show</a>
                            <a href="{{ route('employees.edit', $employee->id) }}" class="btn btn-sm btn-info ml-1 mr-1">Edit</a>
                            <form action="{{ route('employees.destroy', $employee->id) }}" method="POST" style="display: inline;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure you want to delete this building floor?')">Delete</button>
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@stop