@extends('admin.layouts.master')

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

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

            <li class="breadcrumb-item">Offender Removal Request</li>
            <li class="breadcrumb-item">Offender Removal Request Details</li>
        </ul>
        <div class="section-body">
            <div class="row mt-sm-4">
                {{-- <div class="row">
                    <div class="col-sm-10"></div>
                    <div class="col-sm-2">
                    <button class="btn btn-primary btn-lg mb-2 ml-5 edit" type="button"  data-id="{{ $details->id }}">Assign</button>
                    </div>
                </div> --}}
                <div class="col-12 col-md-12 col-lg-4">

                    <div class="card">
                        <div class="card-header">
                            <h4>Offender Removal Request 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">
                                        Email:

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


                                    </span>
                                </p>
                               



                            </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>
                                            <p>
                                                @if (!empty($details)) {!! $details->description !!} @endif

                                            </p>
                                        </div>
                                    </div>
                                    <h5>Attachment</h5>



                                    <div class="row">



                                        @foreach ($details['image'] as $key => $image)
                                            @if ($key < 2)
                                                <div class="col-md-4">
                                                    <a class="example-image-link"
                                                        href="{{ asset('/uploads/user/seller/' . $image->filename) }}"
                                                        data-lightbox="example-1">
                                                        <!--<img src="{{ asset('/uploads/user/seller/' . $details->images) }}" class="img-responsive" width="250px">-->
                                                        <img src="{{ asset('/uploads/user/seller/' . $image->filename) }}"
                                                            class="img-responsive" width="250px">
                                                    </a>
                                                </div>
                                            @endif
                                        @endforeach

                                        @php
                                            $i = count($details['image']);
                                            $k = 0;
                                        @endphp
                                        @foreach ($details['image'] as $image)
                                            @php $k= $k + 1; @endphp
                                            @if ($k == 4)
                                                <div class="col-md-4" type="button" data-toggle="modal"
                                                    data-target="#exampleModal" style="
                                                                    background: url('{{ asset('/uploads/user/seller/' . $image->filename) }}') !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;  
                                                                        margin-top: 10%;
                                                                        padding:10px;
                                                                        margin-top: 30%;">
                                                        @if ($i == 4)  @elseif($i > 4) + {{ $i - 3 }}  Attachments @endif</h4>
                                                </div>
                                            @endif
                                        @endforeach
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </section>
    {{-- <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> --}}
@endsection