@extends('admin.layouts.master')
@section('content')
    @if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif


    <section class="section">

        <div class="section-body">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4>Report Table</h4>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped table-hover" id="table-3" style="width:100%;">
                                    <thead>
                                        <tr>
                                            <th>Created Date</th>
                                            <th>First Name</th>
                                            <th>Last Name</th>
                                            <th>Email</th>
                                            <th>Phone Number</th>
                                            <th>User Name</th>

                                            <th>Status</th>
                                            {{-- <th>User Name</th> --}}
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                        @foreach ($report as $reports)

                                            <tr id="reportid{{ $reports->id }}">
                                                <td>
                                                    {{ \Carbon\Carbon::parse($reports->created_at->toDateString())->format('m/d/Y') }}

                                                </td>
                                                <td>{{ $reports->first_name }}</td>
                                                <td>{{ $reports->last_name }}</td>
                                                <td><a href="https://outlook.office.com/mail/"
                                                        target="_blank">{{ $reports->email }}</a></td>
                                                <td>{{ $reports->number_format1 }}</td>
                                                <td>{{ $reports->user_name }}</td>


                                                <td>
                                                    @if ($reports->is_type == 'approve')
                                                        <span class="badge badge-success">Approved</span>
                                                    @elseif($reports->is_type == 'pending')
                                                        <span class="badge badge-warning">Pending</span>
                                                    @else
                                                        <span class="badge badge-danger">Denied</span>
                                                    @endif
                                                </td>
                                                <td>
                                                    <a href="{{ route('admin.report.details', ['id' => $reports->id]) }}"
                                                        class="btn btn-success"><i class="fa fa-eye"></i></a>
                                                    <button type="button" class="btn btn-primary edit"
                                                        data-id="{{ $reports->id }}"><i class="fa fa-pen"></i></button>
                                                    @if ($reports->is_type == 'denied')
                                                        <button type="button" class="btn btn-primary delete"
                                                        data-id="{{ $reports->id }}"><i class="fa fa-trash"></i></button>
                                                    @endif
                                                </td>


                                            </tr>

                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    {{-- Modal --}}
    <div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Status</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="{{ route('admin.report.update') }}" method="post">
                        @csrf
                        <div class="form-group">
                            <label>Select Status</label>
                            <div class="input-group">
                                <input type="hidden" name="id" class="id" value="">
                                <select name="status" class="form-control status" required>
                                    <option value="approve">Approve</option>
                                    <option value="pending">Pending</option>
                                    <option value="denied">Denied</option>

                                </select>
                            </div>
                        </div>
                </div>
                <div class="modal-footer bg-whitesmoke br">
                    <button type="submit" class="btn btn-primary">Update</button>
                    </form>

                </div>
            </div>
        </div>
    </div>
    {{-- End Modal --}}
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            $('#example').DataTable({
                "order": [
                    [100, "desc"]
                ]
            });
        });
        $(document).on("click", ".edit", function() {
            id = $(this).data("id");
            $.get('report-edit/' + id, function(report) {
                // console.log(cat);
                $('.id').val(report.id);
                $('.status').val(report.is_type);
                $(".edit-message").html("");
                $('#basicModal').modal('show');
            });
        })
    </script>

@endsection
@push('script')
<script>
    $(document).ready(function(){
        // alert()
        $("#table-3").dataTable({
            "aaSorting": [[ 0, "DESC" ]]
        });
    })

     $(document).on("click", ".delete", function() {
            if (confirm('Do You Real Want To Delete This Report !')) {
                id = $(this).data("id");
                $.ajax({
                    url: 'report-deleted/' + id,
                    type: 'GET',
                    data: {
                        _token: $('input[name=_token]').val()

                    },
                    success: function(response) {
                        $('#reportid' + id).remove();
                    }

                })
            }
        })
</script>
@endpush