@extends('layouts.app',[
         'page_header'       => 'الرسائل',
         'page_description'       => 'عرض الرسائل'
                                ])
@section('content')
    <div class="ibox box-primary">
        <div class="ibox-title">
            <div class="pull- @if(app()->getLocale() == 'ar') right @else left  @endif">
                <span class="btn btn-primary"> عرض كل الرسائل</span>
            </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('email',\Request::input('email'),[
                        'class' => 'form-control',
                        'placeholder' => 'البريد الالكترونى'
                    ]) !!}
                </div>
            </div>

            <div class="col-md-3">
                <div class="form-group">
                    <label for="">&nbsp;</label>
                    {!! Form::text('phone',\Request::input('phone'),[
                        'class' => 'form-control',
                        'placeholder' => 'الهاتف'
                    ]) !!}
                </div>
            </div>

            <div class="col-md-6">
                <div class="form-group">
                    <label for="">&nbsp;</label>
                    {!! Form::text('message',\Request::input('message'),[
                        '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>
        <div class="ibox-content">
            @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>
                        </thead>
                        <tbody>
                        @foreach($records as $record)
                            <tr id="removable{{$record->id}}">
                                <td class="text-center">{{$loop->iteration}}</td>
                                <td class="text-center">{{$record->name}}</td>
                                <td class="text-center">{{$record->email}}</td>
                                <td class="text-center">{{$record->phone}}</td>
                                <td class="text-center">{{$record->message}}</td>
                                <td class="text-center">
                                    <button id="{{$record->id}}" data-token="{{ csrf_token() }}"
                                            data-route="{{URL::route('contacts.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>
@stop