@extends('admin.layouts.app')
@section('content')
<div class="aiz-titlebar mt-2 mb-4">
    <div class="row align-items-center">
        <div class="col-md-6">
            <h1 class="h3">{{translate('Profile Reports')}}</h1>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
      <h5 class="mb-md-0 h6">{{ translate('Profile Reports') }}</h5>
    </div>
    <div class="card-body">
        <div style="overflow-x: auto">
            <table class="table aiz-table mb-0">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>{{translate('Member Name')}}</th>
                        <th>{{translate('Reported By')}}</th>
                        <th>{{translate('Report Reason')}}</th>
                        <th class="text-right">{{translate('Option')}}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($reports as $key => $report)
                        <tr>
                            <td>{{ ($key+1) + ($reports->currentPage() - 1)*$reports->perPage() }}</td>
                            <td><a href="{{ route('members.show',  $report->user->id) }}" target="_blank">{{ $report->user->first_name.' '.$report->user->last_name}}</a></td>
                            <td><a href="{{ route('members.show',  $report->reportedBy->id) }}" target="_blank">{{ $report->reportedBy->first_name.' '.$report->reportedBy->last_name }}</a></td>
                            <td>{{ $report->reason }}</td>
                            <td class="text-right">
                                @can('block_member')
                                    @if($report->user->blocked == 0)
                                    <a href="javascript:void(0);" onclick="block_member({{$report->user_id}})" class="btn btn-soft-primary btn-icon btn-circle btn-sm" title="{{ translate('Block') }}">
                                        <i class="las la-ban"></i>
                                    </a>
                                    @else
                                    <a href="javascript:void(0);" class="btn btn-soft-danger btn-icon btn-circle btn-sm" title="{{ translate('Blocked') }}">
                                        <i class="las la-ban"></i>
                                    </a>
                                    @endif
                                @endcan

                                @can('delete_profile_report')
                                    <a href="javascript:void(0);" data-href="{{route('report_destrot.destroy', $report->id)}}" class="btn btn-soft-danger btn-icon btn-circle btn-sm confirm-delete" title="{{ translate('Delete') }}">
                                        <i class="las la-trash"></i>
                                    </a>
                                @endcan
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="aiz-pagination mt-2">
            {{ $reports->links() }}
        </div>
    </div>
</div>

@endsection

@section('modal')
    <div class="modal fade member-block-modal" id="modal-basic">
    	<div class="modal-dialog">
    		<div class="modal-content">
                <form class="form-horizontal member-block" action="{{ route('members.block') }}" method="POST">
                    @csrf
                    <input type="hidden" name="member_id" id="member_id" value="">
                    <input type="hidden" name="block_status" id="block_status" value="">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{translate('Member Block !')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group row">
                            <label class="col-md-3 col-form-label">{{translate('Blocking Reason')}}</label>
                            <div class="col-md-9">
                                <textarea type="text" name="blocking_reason" class="form-control" placeholder="{{translate('Blocking Reason')}}" required></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-sm btn-light" data-dismiss="modal">{{translate('Close')}}</button>
                        <button type="submit" class="btn btn-sm btn-success">{{translate('Submit')}}</button>
                    </div>
                </form>
        	</div>
    	</div>
    </div>

    @include('modals.delete_modal')
@endsection

@section('script')
<script type="text/javascript">
     function block_member(id){
         $('.member-block-modal').modal('show');
         $('#member_id').val(id);
         $('#block_status').val(1);
     }
</script>
@endsection