@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/service/create')}}" class="btn btn-primary">
                    <i class="fa fa-plus"></i> خدمة جديدة
                </a>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="row">
            {!! Form::open([
                'method' => 'GET'
            ]) !!}

            <div class="col-md-3">
                <div class="form-group">
                    <label for="">&nbsp;</label>
                    {!! Form::text('name',\Request::input('name'),[
                        'class' => 'form-control',
                        'placeholder' => 'اسم الخدمة باللغة العربية أو الانجليزية'
                    ]) !!}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label for="">&nbsp;</label>
                    {!! Form::text('slug',\Request::input('slug'),[
                        'class' => 'form-control',
                        'placeholder' => 'كلمة دلالية'
                    ]) !!}
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label for="">&nbsp;</label>
                    {!! Form::text('from',\Request::input('from'),[
                        'class' => 'form-control datepicker',
                        'placeholder' => 'بداية تاريخ الاضافة'
                    ]) !!}
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label for="">&nbsp;</label>
                    {!! Form::text('to',\Request::input('to'),[
                        'class' => 'form-control datepicker',
                        'placeholder' => 'انتهاء تاريخ الاضافة'
                    ]) !!}
                </div>
            </div>
            <div class="col-md-2">
                <div class="form-group">
                    <label for="">&nbsp;</label>
                    <button class="btn btn-flat btn-block btn-primary">بحث</button>
                </div>
            </div>
            {!! Form::close() !!}
        </div>
        <span style="color: red; font-weight: bold;margin-left: 20px;"><strong style="color: red">**</strong> إذا أردت البحث خلال فترة زمنية معينة أدخل بداية ونهاية تاريخ الإضافة</span>
        <br><br>
        <div class="ibox-content">
            @include('layouts.partials.validation-errors')
            @include('flash::message')
            @if(!empty($services) && count($services)>0)
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                        <th>#</th>
                        <th>إسم الخدمة باللغة العربية</th>
                        <th>إسم الخدمة باللغة الانجليزية</th>
                        <th>وصف مختصر للخدمة باللغة العربية</th>
                        <th>وصف مختصر للخدمة باللغة الانجليزية</th>
                        <th>الترتيب</th>
                        <th>صور الخدمة</th>
                        <th class="text-center">تعديل</th>
                        <th class="text-center">حذف</th>
                        </thead>
                        <tbody>
                        @php $count = 1; @endphp
                        @foreach($services as $service)
                            <tr id="removable{{$service->id}}">
                                <td>{{$count}}</td>
                                <td>{{$service->title_ar}}</td>
                                <td>{{$service->title_en}}</td>
                                <td>{{$service->brief_ar}}</td>
                                <td>{{$service->brief_en}}</td>
                                <td> <span class="badge badge-danger text-center">{{$service->level}}</span></td>
                                <td class="text-center">
                                    <a href="{{asset(optional($service->photo)->path)}}" data-lity>
                                        <img src="{{asset(optional($service->photo)->path)}}"
                                             alt="image" width="100%" style="border-radius: 7px">
                                    </a>
                                </td>
                                <td class="text-center"><a href="{{url('admin/service/' . $service->id .'/edit')}}"
                                                           class="btn btn-xs btn-success"><i class="fa fa-edit"></i></a>
                                </td>
                                <td class="text-center">
                                    <button id="{{$service->id}}" data-token="{{ csrf_token() }}"
                                            data-route="{{URL::route('service.destroy',$service->id)}}" type="button"
                                            class="destroy btn btn-danger btn-xs"><i class="fa fa-trash-o"></i></button>
                                </td>
                            </tr>
                            @php $count ++; @endphp
                        @endforeach
                        </tbody>
                    </table>
                </div>
                {!! $services->render() !!}
            @else
                <div>
                    <h3 class="text-info" style="text-align: center"> لا توجد بيانات للعرض </h3>
                </div>
            @endif
        </div>
    </div>
@stop