@extends('dashboard.layouts.index', ['breadcrumb' => ['main' => 'global.employees','sub' => "global.employees"]])

@section('content')
    <div class="page-header mb-30 p-in-30">
        <div class="row w-100">
            <div class="col-4">
                <div class="custom-dropdown">
                    @include('svg-icons.arrow')
                    <select name="debartment_id" class="form-control" aria-label=".form-select-sm example">
                        <option>Company Name</option>
                        @for ($branches = 1; $branches<=4; $branches++)
                            <option value={{ $branches }}> Company {{ $branches }}</option>
                        @endfor
                    </select>
                </div>
            </div>
            <div class="col-4">
                <div class="custom-dropdown">
                    @include('svg-icons.arrow')
                    <select name="debartment_id" class="form-control" aria-label=".form-select-sm example">
                        <option>Department</option>
                        @for ($branches = 1; $branches<=4; $branches++)
                            <option value={{ $branches }}> Department {{ $branches }}</option>
                        @endfor
                    </select>
                </div>
            </div>
            <div class="col-4">
                <div class="custom-search-input">
                    @include('svg-icons.search')
                    <input type="text" name="debartment_id" class="form-control" placeholder="Employees Name">
                </div>
            </div>
        </div>
    </div>

    <div class="row mb-30">
        <div class="col-12">
            <div class="page-box add-employee-header">
                <span class="font-size-25">{{$count_employees}} People</span>
                <a  class="add-btn" href="employee/create"> <i class="fa fa-plus"></i> Add Employee </a>
            </div>
        </div>
    </div>

    <div class="row mb-10">
        <div class="col-12">
            <div class="page-box cards-container p-in-30">
                @foreach($employees as $key => $employee)
                    @include('dashboard.pages.users.employee._employee_card' , [
                            'employee' => $employee,
                            'x' => $key
                    ])
                @endforeach
                    @include('dashboard.layouts._pagination', ['data' => $employees])

            </div>
        </div>
    </div>
@stop