@extends('admin.layouts.index')
@section('css')
@endsection
@section('title')
<title>Admin Contact | CS-Design</title>
@endsection
@section('content')
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>@lang('contact')</h2>
        <ol class="breadcrumb">
            <li>
                <a href="#">@lang('admin')</a>
            </li>
            <li class="active">
                <strong>@lang('contact')</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">
    </div>
</div>
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-lg-12 animated fadeInRight">
            <div class="mail-box-header">
            @if($count_contacts > 0)
                <div  class="pull-right mail-search">
                    <div class="input-group">
                        <!-- <input type="text" class="form-control input-sm" name="search" placeholder="Search email"> -->
                        <div class="input-group-btn">
                            <button  class="btn btn-sm btn-danger  pull-right " data-toggle="modal"
                                        data-target="#exampleModal">
                                Delete all messages
                            </button>
                        </div>
                    </div>
                </div>
            @endif
                <h2>
                    @lang('inbox') ({{$count_contacts > 0 ? $count_contacts : "You have no messages !!"}})
                </h2>
            </div>
            @if($count_contacts > 0)
            <div class="mail-box">
                <table class="table table-hover table-mail">
                    <tbody>
                        @foreach ($contacts as $contact)
                        <tr class="{{ ($contact->readed==1) ? 'read' : 'unread' }}">

                            <td class="mail-ontact"><a href="/admin/contact/{{$contact->id}}">{{$contact->name}}</a>
                            </td>
                            <td class="mail-subject"><a href="/admin/contact/{{$contact->id}}">{{$contact->email}}</a>
                            </td>
                            <td class="text-right mail-date"><a href="/admin/contact/{{$contact->id}}">
                                    @if(isset($contact->created_at))
                                    {{$contact->created_at->format('m/d/Y')}}
                                    @endif
                                </a></td>
                            <td class="text-right mail-date">
                                <a href="/admin/readed/{{$contact->id}}" class="btn btn-white btn-sm"
                                    data-toggle="tooltip" data-placement="top"
                                    title="{{ ($contact->readed==1) ? 'Mark as unread' : 'Mark as read' }}">
                                    <i class="fa {{ ($contact->readed==1) ? 'fa-eye-slash' : 'fa-eye' }}">
                                    </i>
                                </a></td>
                        </tr>
                        @endforeach
                        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
                                aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog mt-5" role="document" style="width:30%">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="hident exampleModalLabel ">
                                                Delete All Messages?
                                            </h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            Are you sure?
                                        </div>
                                        <div class="modal-footer">
                                        <form action="/123" method="get">
                                                 <a  class="btn btn-primary" data-dismiss="modal">Hmmmm,
                                                    wait!</a>
                                                <button type="submit"  class="btn btn-danger">Sure!!!</button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </tbody>
                    <tfoot>

                        @if($contacts)
                        <td colspan="8">
                            @if($totalPage!=1)
                            <ul class="pagination pull-right">
                                <ul class="pagination">
                                    @if ($currPage > 1)
                                    <li class="footable-page">
                                        <a class="page-link" href="{{$currUrl}}?page={{$previousPage}}">&laquo;</a>
                                    </li>
                                    @endif
                                    @foreach ($listPages as $page)
                                    @if($page== '...')
                                    <li class="footable-page {{($page==$currPage) ? 'active':''}}">
                                        <a class="">{{$page}} </a></li>
                                    @endif
                                    @if($page!= '...')
                                    <li class="footable-page {{($page==$currPage) ? 'active':''}}">
                                        <a class="" href="{{$currUrl}}?page={{$page}}">{{$page}} </a></li>
                                    @endif
                                    @endforeach
                                    @if ($currPage < $totalPage) <li class="footable-page">
                                        <a class="page-link" href="{{$currUrl}}?page={{$nextPage}}">&raquo; </a>
                                        </li>
                                        @endif
                                </ul>
                            </ul>
                            @endif
                        </td>
                        @endif
                    </tfoot>
                </table>


            </div>
            @endif
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12">
        @endsection
        @section('js')
        <script src="{{asset('admin2/js/admin/jquery-3.1.1.min.js')}}"></script>
        <script src="{{asset('admin2/js/admin/bootstrap.min.js')}}"></script>
        <script src="{{asset('admin2/js/admin/plugins/metisMenu/jquery.metisMenu.js')}}"></script>
        <script src="{{asset('admin2/js/admin/plugins/slimscroll/jquery.slimscroll.min.js')}}"></script>
        <!-- FooTable -->
        <script src="{{asset('admin2/js/admin/plugins/footable/footable.all.min.js')}}"></script>
        <!-- Custom and plugin javascript -->
        <script src="{{asset('admin2/js/admin/inspinia.js')}}"></script>
        <script src="{{asset('admin2/js/admin/plugins/pace/pace.min.js')}}"></script>
        <!-- Page-Level Scripts -->
        <script>
            $(document).ready(function () {
                $('.footable').footable();
                $('.footable2').footable();
            });
        </script>
        @endsection