@extends('admin.layouts.master')

@section('content')
    <style>
        .img-responsive {
            padding: 1px !important;
            width: 260px !important;
            height: 415px !important;
        }

        .modal-dialog {
            max-width: 50%;

        }

        .modal-header {
            background: #fff !important;
        }

        @media (max-width: 418px) {
            .modal-dialog {
                width: 90%;

            }
        }

        .full-card {
            padding-bottom: 5px !important;
        }

        @media (min-width: 768px) {
            .col-md-4{
                max-width: 50% !important
            }
        }

    </style>
    <section class="section">
        <ul class="breadcrumb breadcrumb-style ">

            <li class="breadcrumb-item">Report </li>
            <li class="breadcrumb-item">Report Details</li>
        </ul>
        <div class="section-body">

            <div class="row mt-sm-4">
                <div class="row">
                    <div class="col-sm-8"></div>
                    <div class="col-sm-2">
                        <form action="{{ route('admin.report.update') }}" method="post">
                            @csrf
                            <input type="hidden" name="id" class="id" value="{{ $details->id }}">

                            <select name="status" id="" class="form-control">
                                <option value="approve" @if (!empty($details) && $details->is_type
                                            == 'approve') selected @endif>Approve</option>
                                <option value="pending" @if (!empty($details) && $details->is_type
                                            == 'pending') selected @endif>Pending</option>
                                <option value="denied"  @if (!empty($details) && $details->is_type
                                            == 'denied') selected @endif>Denied</option>
                            </select>
                            </select>
                    </div>
                    <div class="col-sm-2">
                        <button class="btn btn-primary btn-lg mb-2 ml-5 " type="submit">Submit</button>
                    </div>
                    </form>
                </div>
                <div class="col-12 col-md-12 col-lg-4">

                    <div class="card">
                        <div class="card-header">
                            <h4>Report Details</h4>
                        </div>
                        <div class="card-body">
                            <div class="py-4">
                                <p class="clearfix">
                                    <span class="float-left">
                                        First Name:

                                    </span>
                                    <span class="float-right text-muted">
                                        @if (!empty($details)) {{ $details->first_name }} @endif
                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">
                                        Last Name:
                                    </span>
                                    <span class="float-right text-muted">
                                        @if (!empty($details)) {{ $details->last_name }} @endif

                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">
                                        UserName:

                                    </span>
                                    <span class="float-right text-muted">
                                        @if (!empty($details)) {{ $details->user_name }} @endif

                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">
                                        Email:
                                    </span>
                                    <span class="float-right text-muted">
                                        @if (!empty($details)) {{ $details->email }} @endif


                                    </span>
                                </p>

                                <p class="clearfix">
                                    <span class="float-left">
                                        Phone Number:
                                    </span>
                                    <span class="float-right text-muted">
                                        @if (!empty($details)) {{ $details->number_format1 }} @endif

                                    </span>
                                </p>
                                <p class="clearfix">
                                    <span class="float-left">
                                        Type:
                                    </span>
                                    <span class="float-right text-muted">
                                        @if (!empty($details)) {{ $details->payment_type }} @endif
                                    </span>
                                </p>
                                {{-- <p class="clearfix">
                                    <span class="float-left">
                                        Scammer Email:
                                    </span>
                                    <span class="float-right text-muted">
                                        @if (!empty($details)) {{ $details->scammer_email }} @endif
                                    </span>
                                </p> --}}
                                <hr class="solid">
                                {{-- ye Check kar lena --}}
                               
                                <p class="clearfix">
                                    <span class="float-left">
                                       Reported by:
                                    </span>
                                    <span class="float-right text-muted">
                                       @if (!empty($details->reported_email )){{ $details->reported_email }}@endif
                                    </span>
                                </p>
                                
                                @if (!empty($details->reason))
                                <p class="clearfix">
                                    <span class="float-left">
                                        Reason For Deleted:
                                    </span>
                                    <span class="float-right text-muted">
                                      {{ $details->reason }}
                                    </span>
                                </p>
                                @endif
                                @if (!empty($details->full_reason))
                                <p class="clearfix">
                                    <span class="float-left">
                                        Full Reason For Deleted:
                                    </span>
                                    <span class="float-right text-muted">
                                        {{ $details->full_reason }}
                                    </span>
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-12 col-md-12 col-lg-8">
                    <div class="card">
                        <div class="padding-20">

                            <div class="tab-content tab-bordered">
                                <div class="tab-pane fade show active">

                                    <div class="row">

                                        <div class="col-md-12 col-sm-12 b-r">
                                            <h5>Comment</h5>
                                            @if (!empty($details)) {!! $details->notes !!} @endif
                                        </div>
                                    </div>
                                    <h5>Attachment</h5>
                                    @php
                                        $data = [];
                                        if (!empty($details)) {
                                            if (!empty($details->images)) {
                                                $data = json_decode($details->images);
                                            }
                                        }
                                        $j = 0;
                                        
                                    @endphp


                                    <div class="row">
                                        @foreach ($data as $datas)
                                            @php $j = $j + 1; @endphp
                                            @if ($j < 3)
                                                <div class="col-md-4 col-sm-6">
                                                    <a class="example-image-link"
                                                        href="{{ asset('storage/imgfiles/' . $datas) }}"
                                                        data-lightbox="example-1">
                                                        <img src="{{ asset('storage/imgfiles/' . $datas) }}"
                                                            class="img-responsive" alt="" />
                                                    </a>
                                                </div>
                                            @endif

                                        @endforeach

                                        @php
                                            $i = 0;
                                            $datas = [];
                                            if (!empty($details)) {
                                                if (!empty($details->images)) {
                                                    $datas = json_decode($details->images);
                                                }
                                            }
                                            foreach ($datas as $data) {
                                                $i = $i + 1;
                                            }
                                            $k = 0;
                                        @endphp
                                        @foreach ($datas as $data)
                                            @php $k= $k + 1; @endphp
                                            @if ($k == 3)
                                                <div class="col-md-3 text-center" type="button" data-toggle="modal"
                                                    data-target="#exampleModal" style="
                                                                            background: url('{{ asset('storage/imgfiles/' . $data) }}') !important;
                                                                            background-size: cover !important; 
                                                                            height: 175px; 
                                                                            min-width:200px !important; ">
                                                    <h4 style="
                                                                                background: aliceblue; 
                                                                                opacity: 0.7;
                                                                                font-size: 12px;
                                                                                font-weight: 800;  
                                                                                height: 35px !important;  
                                                                                padding:10px;
                                                                                margin-top: 50%;">
                                                        @if ($i == 3)  @elseif($i > 3) + {{ $i - 3 }}  Attachments @endif</h4>
                                                </div>
                                            @endif
                                        @endforeach

                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </section>
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body">

                    <h2 class="detail-title">Attachments</h2>


                    <div class="row">

                        @php
                            $data = [];
                            if (!empty($details)) {
                                if (!empty($details->images)) {
                                    $data = json_decode($details->images);
                                }
                            }
                        @endphp
                        @foreach ($data as $datas)
                            <div class="col-md-4">
                                <a class="example-image-link" href="{{ asset('storage/imgfiles/' . $datas) }}"
                                    data-lightbox="example-1">
                                    <img src="{{ asset('storage/imgfiles/' . $datas) }}" class="img-responsive" width="250px">
                                </a>
                            </div>

                        @endforeach

                    </div>


                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
    {{-- 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">Update</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