@extends('layouts.app',[
        'page_header'       => 'الموظين',
        'page_description'  =>'عرض الموظفين'
  ])

@section('content')
    <div class="ibox box-primary">
        <div class="ibox-title">
            <div class="pull-right">
                <a href="{{url('admin/employees/create')}}" class="btn btn-primary">
                    <i class="fa fa-plus"></i> إضافة
                </a>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="row">
            <div class="ibox-content">
                @include('flash::message')
                @if(count($records))
                    <div class="table-responsive">
                        <table class="data-table table table-bordered">
                            <thead>
                            <th class="text-center">#</th>
                            <th class="text-center">الاسم باللغة العربية</th>
                            <th class="text-center">الاسم باللغة الانجليزية</th>
                            <th class="text-center">الوظيفة باللغة العربية</th>
                            <th class="text-center">الوظيفة باللغة الانجليزية</th>
                            <th class="text-center">الوصف باللغة العربية</th>
                            <th class="text-center">الوصف باللغة لاانجليزية</th>
                            <th class="text-center">رابط الفيسبوك</th>
                            <th class="text-center">رابط التويتر</th>
                            <th class="text-center">رابط الانستجرام</th>
                            <th class="text-center">رابط اللينكدان</th>
                            <th class="text-center">الصورة</th>
                            <th class="text-center">تعديل</th>
                            <th class="text-center">حذف</th>
                            </thead>
                            <tbody>
                            @foreach($records as $record)
                                <tr id="removable{{$record->id}}">
                                    <td class="text-center">{{$loop->iteration}}</td>
                                    <td class="text-center">{{$record->name_ar}}</td>
                                    <td class="text-center">{{$record->name_en}}</td>
                                    <td class="text-center">{{$record->position_ar}}</td>
                                    <td class="text-center">{{$record->position_en}}</td>
                                    <td class="text-center">{{$record->desc_ar}}</td>
                                    <td class="text-center">{{$record->desc_en}}</td>
                                    <td class="text-center">{{$record->facebook}}</td>
                                    <td class="text-center">{{$record->twitter}}</td>
                                    <td class="text-center">{{$record->instagram}}</td>
                                    <td class="text-center">{{$record->linkedin}}</td>
                                    <td class="text-center">
                                        <a href="{{asset(optional($record->photo)->path)}}" data-lity>
                                            <img src="{{asset(optional($record->photo)->path)}}"
                                                 alt="image" width="70" style="border-radius: 7px">
                                        </a>
                                    </td>
                                    <td class="text-center">
                                        <a href="employees/{{$record->id}}/edit"
                                           class="btn btn-xs btn-success"><i class="fa fa-edit"></i></a>
                                    </td>
                                    <td class="text-center">
                                        <button id="{{$record->id}}" data-token="{{ csrf_token() }}"
                                                data-route="{{URL::route('employees.destroy',$record->id)}}"
                                                type="button" class="destroy btn btn-danger btn-xs"><i
                                                class="fa fa-trash-o"></i>
                                        </button>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>

            </div>
            <div class="text-center">
                {!! $records->render() !!}
            </div>
            @else
                <div>
                    <h3 class="text-info" style="text-align: center"> لا توجد بيانات للعرض </h3>
                </div>
            @endif
        </div>
@endsection