@extends('user.layouts.master')

@section('content')
    <style>
        @media(min-width:992px) {
            .wid {
                width: 70vh;
            }

            .img-responsive {
                width: 80%;
                padding: 10px;
                height: 200px;
                border-radius: 10%;
            }
        }

        .inner-header-title {
            height: 0 !important;
            padding-top: 8rem !important;
            background-color: black;
        }

        section {
            padding: 34px;
        }

        .wrap-search-filter button.btn.btn-primary {
            border-radius: 100%;
        }

        .search-filter {
            background: transparent !important;
        }

        @media only screen and (min-width: 1024px) {
            section {
                padding: 15px;
            }
        }

        .modal-dialog {
            width: 70%;

        }

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

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

            }
        }

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

        .Lefa {
            margin: auto 30px !important;
            color: #2e75b5;
            font-weight: 800 !important;
        }

    </style>
    <!-- Title Header Start -->
    <section class="inner-header-title">
        <div class="container">
        </div>
    </section>
    <div class="clearfix"></div>
    <!-- Title Header End -->

    <!-- Candidate Detail Start -->
    {{-- <section class="detail-desc">
        <div class="container wid">

            <div class="ur-detail-wrap top-lay">

                <div class="ur-detail-box">

                    <div class="ur-thumb">
                        @if (!empty($details))
                            <img src="{{asset('/uploads/user/reports/'.$details->images)}}" class="img-responsive" alt="" />
                        @endif
                    </div>
                    <div class="ur-caption">
                        <h4 class="ur-title">@if (!empty($details)) {{$details->user_name}} @endif</h4>
                        
                    </div>

                </div>

                <div class="ur-detail-btn">
                    <a href="javascript:void(0)" data-toggle="modal" data-target="#apply-job"
                        class="btn btn-warning mrg-bot-10 full-width"><i class="ti-star mrg-r-5"></i>Apply This Job</a><br>
                    <a href="#" class="btn btn-info full-width"><i class="ti-linkedin mrg-r-5"></i>Apply With Linkedin</a>
                </div>

            </div>

        </div>
    </section> --}}

    <!-- Job full detail Start -->
    <section class="full-detail-description full-detail">
        <div class="container">
            <!-- Job Description -->
            <div class="col-md-12 col-sm-12">
                <h2 class="detail-title">Report Detail</h2>
            </div>
            <div class="col-md-6 col-sm-12">
                <div class="full-card">

                    {{-- <div class="row row-bottom mrg-0">
                        <ul class="job-detail-des">
                            <li><span>First Name:</span>@if (!empty($details)) {{ $details->first_name }}@endif</li>
                            <li><span>Last Name:</span>@if (!empty($details)) {{ $details->last_name }}@endif</li>
                            <li>
                                <span>UserName:</span>@if (!empty($details)) {{ $details->user_name }}@endif <span class="Lefa"> Payment Type 
                                @if (!empty($details)) (  {{ $details->payment_type }}  ) {{ $details->description }} @endif</span></li>
                        </ul>
                    </div> --}}
                </div>
            </div>
            {{-- <div class="col-md-6 col-sm-12">
                <div class="full-card">
                    <div class="row row-bottom mrg-0">
                        <ul class="job-detail-des">
                            <li><span>Email:</span>@if (!empty($details)) {{ $details->email }} @endif</li>
                            <li><span>Phone Number:</span>@if (!empty($details)) {{ $details->number_format1 }} @endif</li>
                            <!--<li><span>Type:</span>@if (!empty($details)) {{ $details->payment_type }} @endif</li>-->
                        </ul>
                    </div>
                </div>
            </div> --}}
            <div class="col-md-12 col-sm-12">
                <div class="full-card">
                    <div class="row row-bottom mrg-0">
                        <h2 class="detail-title">Comments</h2>
                        <p>@if (!empty($details)) {{ $details->notes }} @endif</p>

                    </div>
                </div>
            </div>
            {{-- <div class="col-md-12 col-sm-12">
                <div class="full-card">
                    <div class="row row-bottom mrg-0">
                        <h2 class="detail-title">Attachments</h2>
                        {{-- @php
                        use App\Models\Report;

                            $details = Report::with('user')->find($id);

                        @endphp --}}
                        {{-- @foreach ($details as $data) --}}
                        @php
                            $data = [];
                            if (!empty($details)) {
                                if (!empty($details->images)) {
                                    $data = json_decode($details->images);
                                }
                            }
                            $j = 0;
                            
                        @endphp
                        @foreach ($data as $datas)
                            @php $j = $j + 1; @endphp
                            @if ($j < 5)
                                <div class="col-md-2">
                                    <a class="example-image-link" href="{{ asset('imgfiles/' . $datas) }}"
                                        data-lightbox="example-1">
                                        <img src="{{ asset('imgfiles/' . $datas) }}" class="img-responsive" width="100%">
                                    </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 == 5)
                                <div class="col-md-2 text-center" type="button" data-toggle="modal"
                                    data-target="#exampleModal"
                                    style="padding: 86px !important;    background: url('{{ asset('/imgfiles/' . $data) }}') !important; background-size: cover !important; height: 200px; "
                                    style="cursor: pointer;">
                                    <h4 class="img-responsive"
                                        style=" background: aliceblue; opacity: 0.7;font-size: 12px;font-weight: 800;  height: 35px !important   ;  margin-top: 10%;">
                                        @if ($i == 3)  @elseif($i > 3) + {{ $i - 3 }}  Attachments @endif</h4>
                                </div>
                            @endif
                        @endforeach
                        {{-- @endforeach --}}
                        {{-- <div class="col-md-4"><img src="{{ asset('user/assets/img/can-2.png') }}"
                                class="img-responsive"></div>
                        <div class="col-md-4"><img src="{{ asset('user/assets/img/can-2.png') }}"
                                class="img-responsive"></div> --}}
                    </div>
                </div>
            </div> --}}
            <!-- End Job Description -->


        </div>
    </section>
    <!-- Job full detail End -->
    {{-- <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">
                    <div class="container" style="width:100%">


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

                            @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('imgfiles/' . $datas) }}"
                                        data-lightbox="example-1">
                                        <img src="{{ asset('imgfiles/' . $datas) }}" class="img-responsive" width="100%">
                                    </a>
                                </div>

                            @endforeach

                        </div>


                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div> --}}


@endsection