@extends('back.layouts.main')
@section('title' , 'اتصل بنا')
@section('content')


<div class="card">
    <div class="card-header">
        <div class="btn-group float-md-right">
            <form action="contactus/print">

                @foreach (request()->all() as $key=>$request)
                    @if($request=='')
                        @continue
                    @endif
                    <input type="hidden" name="{{$key}}" value='{{$request}}' >
                @endforeach
                <input type="submit" class='btn btn-primary' value="{{__('back.print')}}">
            </form>
        </div>
    </div>
    <div class="card-content collapse show">
        <div class="card-body card-dashboard">
            <p>اجمالي: {{$count}}</p>
                <form method='get' class='search' >
                    <table class="table table-striped table-bordered zero-configuration">
                        <tr>
                            <th>ID</th>
                            <th>الاسم</th>
                            <th>البريد الاكتروني</th>
                            <th>الجوال</th>
                            <th>الرسالة</th>
                            <th>صورة الشكوى</th>
                            <th>تاريخ الشكوى</th>
                            <th style="width: 65px"></th>
                        </tr>
                        <tr>
                            <th><input type='text' name='id' value='{{request('name')}}' class='form-control'></th>
                            <th><input type='text' name='name' value='{{request('id')}}' class='form-control'></th>
                            <th><input type='text' name='email' value='{{request('email')}}' class='form-control'></th>
                            <th><input type='text' name='mobile' value='{{request('mobile')}}' class='form-control'></th>
                            <th></th>
                            <th><input type='text' name='msg' value='{{request('msg')}}' class='form-control'></th>
                             <th>
                                <input style='width: 100px;' type='text' name='date' autocomplete="off" value='{{request('date')}}' class='daterange form-control'>
                            </th>
                            <th style="width: 65px">

                                <input type='submit' class='d-none' name='search' value='1'>
                            </th>

                        </tr>
                        @if($data->isNotEmpty())
                            @foreach($data as $row)
                                <tr style='@if($row->is_read==0) background:#e0e0e0 @endif' >

                                    <td>{{$row->id}}</td>
                                    <td>
                                        @if($row->user_id !='')
                                            <a href='user/view/{{$row->user_id}}'>{{@$row->user->fullname}}</a>
                                        @else
                                            {{$row->name}}
								        @endif
                                    </td>

                                    <td>
                                        @if($row->email!='' && $row->email!='null' )
                                            <a href="mailto:{{$row->email}}">{{$row->email}}</a>
                                        @endif
                                    </td>

                                    <td>{{$row->mobile}}</td>

                                    <td>{{$row->msg}}</td>
                                    <td>
                                        @if($row->image!='')
                                            <a href='{{url('uploads'.'/'.$row->image)}}' target='_blank' >
                                                <img style='width:100px'  src='{{url('uploads'.'/'.$row->image)}}'>
                                            </a>
                                        @endif
                                    </td>
                                    <td>{{$row->created_at}}</td>
                                    <td>
                                        <a href="{{url('backend/contactus/view/'.$row->id.'')}}" >
                                            <i class="fa fa-lg fa-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td class='text-center' colspan='100'>No Data Available</td>
                            </tr>
                        @endif
                    </table>
                </form>

            <!-- /.box-body -->
            <div class="box-footer clearfix">
                {{ $data->appends(request()->except('page'))->links() }}
            </div>
        </div>
    </div>
</div>
@stop

@push('footer')
    <script>
        $('.search input , .search select').change(function(){
            if(!$(this).hasClass('daterange') && !$(this).hasClass('select2')  )
                $('.search input[type=submit]').trigger('click');
        });
        $('.view').click(function(){
            var id=$(this).data().id;
            $.ajax({
                url:"{{url('backend/contactus/view')}}/"+id,
                success:function(data){
                    $('#modal').find('.modal-title').html('View Contactus #'+id);
                    $('#modal').find('.modal-body').html(data);
                    $('#modal').modal();
                }
            })
        })
    </script>
@endpush

@section('breadcrumbs')
    <li class="breadcrumb-item active">اتصل بنا</li>
@stop


@push('footer')
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<script>
    $('.daterange').daterangepicker({
            autoUpdateInput: false,
            locale: {
                format: 'YYYY/MM/DD',
                cancelLabel: 'Clear'
            }
        });

        $('.daterange').on('apply.daterangepicker', function (ev, picker) {
            $(this).val(picker.startDate.format('YYYY/MM/DD') + ' - ' + picker.endDate.format('YYYY/MM/DD'));
            $('.search input[type=submit]').trigger('click');
        });

        $('.daterange').on('cancel.daterangepicker', function (ev, picker) {
            $(this).val('');
            $('.search input[type=submit]').trigger('click');
        });

</script>
@endpush