@extends('layouts.default')
@section('content')
   <section class="content-header">
      <h1>
        {{ __('employees.module')}}
        <small>{{ __('employees.employees_list')}}</small>
        <a href="{{ route('employees.create') }}"><button type="button" class="btn btn-default btn-project-add">{{ __('common.add_new')}}</button></a>
      </h1>
                  
      <ol class="breadcrumb">
        <li><a href="/"><i class="fa fa-dashboard"></i> {{ __('menu.home')}}</a></li>
        <li><a href="/employees">{{ __('employees.module')}}</a></li>
        <li class="active">{{ __('common.list')}}</li>
      </ol>
    </section>
    <section class="content">
          <div class="box">
          @if ($message = Session::get('success'))
            <div class="alert alert-success">
                <p>{{ $message }}</p>
            </div>
          @endif
               
            <!-- /.box-header -->
            <div class="box-body">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>{{ __('employees.name')}}</th>
                  <th>{{ __('employees.name_ar')}}</th>
                  <th>{{ __('employees.company')}}</th>
                  <th>{{ __('common.action')}}</th>
                </tr>
                </thead>
                <tbody>
                @foreach($employees as $employee)  
                <tr>
                  <form class="delete" action="{{route('employees.destroy', [$employee])}}" method="POST">
                  <td>{{$employee->name}}</td>
                  <td>{{$employee->name_ar}}</td>
                  <td>{{$employee->company->name}}</td>
                  <td><a class="btn btn-primary" href="{{ route('employees.edit',$employee->id) }}">{{ __('common.edit')}}</a>
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">{{ __('common.delete')}}</button>
                  </td>
                </form>
                </tr>
                @endforeach
                </tbody>
              </table>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
@stop