@extends('layouts.app')
@section('content')
<section class="content mb-5">
    <div class="container-fluid">
        <div class="row titlepad publsih-sticky">
            <div class="col-md-12">
                <div class="mt-3 mb-3">
                    <div class="dashbed-border-bottom"></div>
                </div>
                <div class="row">
                    <div class="col-sm-8">
                        <h4>User Name</h4>
                        <p class="page-sub-head">View</p>
                    </div>
                    <div class="col-md-4 text-sm-right mt-2">
                        <a href="javascript:void(0)" class="btn-md px-3 py-2 btn-secondary" onclick="window.history.back()"><i class="fa fa-chevron-circle-left"></i> Back</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="card package-section cc-section mt-3">
                    <div class="row">
                        <div class="col-4">
                            <div class="cc-image position-relative">
                                <img
                                    src="{{ isset($user->user->user_profile) ? $user->user->user_profile : asset('assets/img/user-default.jpg') }}" />
                            </div>
                        </div>
                        <div class="col-8 pl-0">
                            <h5>{{ $user->user->name ?? 'NA' }}</h5>@if($user->study_year)<span>({{$user->study_year}})</span>@endif
                            <h6 class="my-1">{{ @$user->user->dial_code_id }} {{ @$user->user->phone_no }}</h6>
                            <div class="grid-status">
                                <span
                                    class="badge bad-status {{ $user->active ? 'badge-success' : 'badge-danger' }}">{{ $user->active ? 'Active' : 'Inactive' }}</span>
                            </div>
                        </div>
                        <div class="col-4 pack-details">
                            <p>Gender</p>
                            <h5>{{ isset($user->user->gender) ? $user->user->gender : 'Not Specified Yet' }}</h5>
                        </div>
                        <div class="col-4 pack-details">
                            <p>Location</p>
                                @if($user->location)
                                    <h5>{{$user->location->location}}</h5>
                                @else
                                    <h5>Location Details Not Available</h5>
                                @endif
                        </div>
                        {{-- <div class="col-4 pack-details">
                            <p>User Id</p>
                            <h5>{{ $user->id }}</h5>
                        </div> --}}

                        <div class="col-4 pack-details">
                            <p>University</p>
                            <h5>@if($user->university)
                                {{ $user->university->name ?? "NA"}}
                            @else
                                Not Added Yet
                            @endif</h5>
                        </div>

                        <div class="col-4 pack-details">
                            <p>Mobile No. @if(!$user->user->phone_verified_at) <i class="iconly-boldDanger text-warning"></i> @else<i class="iconly-boldShield-Done text-success"></i>@endif</p>
                            <h5>{{ @$user->user->dial_code_id }} {{ @$user->user->phone_no }}</h5>
                        </div>

                        <div class="col-4 pack-details">
                            <p>DOB</p>
                            <h5>{{ isset($user->user->date_of_birth) ? $user->user->date_of_birth : 'Not Specified Yet' }}</h5>
                        </div>
                        <div class="col-4 pack-details">
                            <p>Course</p>
                            <h5>{{ isset($user->course) ? $user->course->name : 'Not Specified Yet' }}</h5>
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div id="accordion" class="accordion {{-- accordion-app --}} mt-3">
                    <div class="card mb-1">
                        <div class="card-header" href="#detail">
                            <a href="#" class="card-title text-black">User Details </a>
                        </div>
                        <div id="detail" class="card-body collapse show" data-parent="#accordion">

                            <form class="form" method="POST" action="{{ route('users.store') }}">
                                @method('POST')
                                <input type="hidden" name="user_id" value="{{ $user->id }}"/>
                                <div class="row mb-2">
                                    <div class="col-md-2">
                                        <label class="logCheck mb-3">
                                            Block
                                            <input type="radio" name="block_status" value="1"
                                                {{ $user->block_status == '1' ? 'checked' : '' }}>
                                            <span class="checkmark"></span>
                                        </label>
                                    </div>
                                    <div class="col-md-2">
                                        <label class="logCheck mb-0">
                                            Unblock
                                            <input type="radio" name="block_status" value="0"
                                                {{ $user->block_status == '0' ? 'checked' : '' }}>
                                            <span class="checkmark"></span>
                                        </label>
                                    </div>
                                    <button type="submit" class="btn-md px-3 py-2 btn-primary"><i
                                            class="fa fa-check-square-o"></i> {{ __('buttons.publish') }}</button>
                                </div>
                            </form>

                            <div class="loa-detail-labelw">
                                <div class="row">

                                    <div class="col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label class="mb-0">Nationality</label>
                                            <p class="mt-0">
                                                {{$user->user->country->name ?? 'Not Added Yet'}}
                                            </p>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label class="mb-0">Email ID @if(!$user->verified_at) <i class="iconly-boldDanger text-warning"></i> @else<i class="iconly-boldShield-Done text-success"></i>@endif</label>
                                            <p class="mt-0">
                                                @if($user->email)
                                                    {{ $user->email }}
                                                @else
                                                    Not Added Yet
                                                @endif
                                            </p>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label class="mb-0">Hobbies</label>
                                            <p class="mt-0">
                                                @forelse ($user->user -> hobbies as $hobby)
                                                    {{ $hobby->name }} @if(!$loop->last), @endif
                                                @empty
                                                    Not Added Yet
                                                @endforelse
                                            </p>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-lg-4">
                                        <div class="form-group">
                                            <label class="mb-0">Sub-Hobbies</label>
                                            <p class="mt-0">
                                                @if($user->user -> hobbies->count() > 0)
                                                @foreach ($user->user -> hobbies as $hobby)
                                                    @forelse ($hobby -> sub_hobby as $sub_hobby)
                                                        {{ $sub_hobby->name }} @if(!$loop->last), @endif
                                                    @empty
                                                        Not Added Yet
                                                    @endforelse
                                                @endforeach
                                                @else
                                                Not Added Yet
                                                @endif
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div id="accordion" class="accordion {{-- accordion-app --}} mt-3">
                    <div class="card mb-1">
                        <div class="card-header" href="#detail">
                            <a href="javascript:;" class="card-title text-black">Feature Purchased History</a>
                        </div>
                        <div id="detail" class="card-body collapse show" data-parent="#accordion">
                            <div class="loa-detail-labelw">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <div class="dashbed-border-bottom"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="table-responsive bg-white">
                                            <table class="table table-striped table-bordered admintable border-0" cellspacing="0"
                                                cellpadding="0">
                                                <tbody>
                                                    <tr>
                                                        <th>{{ __('Order No') }}</th>
                                                        <th>{{ __('Name') }}</th>
                                                        <th>{{ __('Unit Measurement') }}</th>
                                                        <th>{{ __('Quantity') }}</th>
                                                        <th>{{ __('Duration') }}</th>
                                                        <th>{{ __('Price') }}</th>
                                                        <th>{{ __('Purchased Date') }}</th>
                                                        <th>{{ __('Expire Date') }}</th>
                                                        <th>{{ __('Payment Mode') }}</th>
                                                        <th>{{ __('Status') }}</th>
                                                    </tr>
                                                    @forelse($features as $f_key => $feature)
                                                        <tr>
                                                            <td>{{++$f_key}}</td>
                                                            <td>{{$feature->feature->feature_name ?? 'NA'}}</td>
                                                            <td>{{ucfirst($feature->feature->unit_measurement) ?? 'NA'}}</td>
                                                            <td>{{$feature->qty ?? 'NA'}}</td>
                                                            <td>{{$feature->duration}}</td>
                                                            <td>{{$feature->total_price}}</td>
                                                            <td>{{$feature->created_at}}</td>
                                                            <td>{{$feature->next_billing_date}}</td>
                                                            <td>{{$feature->payment_mode ?? 'NA'}}</td>
                                                            <td>{{ucfirst($feature->status)}}</td>
                                                        </tr>
                                                    @empty
                                                        <tr>
                                                            <td colspan="10">
                                                                <p>
                                                                    <center class="text-danger">{{ __('labels.no_records_found') }}
                                                                    </center>
                                                                </p>
                                                            </td>
                                                        </tr>
                                                    @endforelse
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    {{ $features->appends(request()->query())->links('partials.pagination') }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>  
        </div>


        <div class="row">
            <div class="col-md-12">
                <div id="accordion" class="accordion {{-- accordion-app --}} mt-3">
                    <div class="card mb-1">
                        <div class="card-header" href="#detail">
                            <a href="javascript:;" class="card-title text-black">Package Purchased History</a>
                        </div>
                        <div id="detail" class="card-body collapse show" data-parent="#accordion">
                            <div class="loa-detail-labelw">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <div class="dashbed-border-bottom"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="table-responsive bg-white">
                                            <table class="table table-striped table-bordered admintable border-0" cellspacing="0"
                                                cellpadding="0">
                                                <tbody>
                                                    <tr>
                                                        <th>{{ __('Order No') }}</th>
                                                        <th>{{ __('Name') }}</th>
                                                        <th>{{ __('Duration') }}</th>
                                                        <th>{{ __('Price') }}</th>
                                                        <th>{{ __('Purchased Date') }}</th>
                                                        <th>{{ __('Expire Date') }}</th>
                                                        <th>{{ __('Payment Mode') }}</th>
                                                        <th>{{ __('Status') }}</th>
                                                        <th>{{ __('Action') }}</th>
                                                    </tr>
                                                    @forelse($packages as $p_key => $package)
                                                        <tr>
                                                            <td>{{++$p_key}}</td>
                                                            <td>{{$package->package->name ?? 'NA'}}</td>
                                                            <td>{{$package->duration}}</td>
                                                            <td>{{$package->total_price}}</td>
                                                            <td>{{$package->created_at}}</td>
                                                            <td>{{$package->next_billing_date}}</td>
                                                            <td>{{$package->payment_mode ?? 'NA'}}</td>
                                                            <td>{{ucfirst($package->status)}}</td>
                                                            <td><a href="javascript:;" class="f-16 package_view" data-subId="{{$package->id}}"><i class="iconly-boldShow"></i></a></td>
                                                        </tr>
                                                    @empty
                                                        <tr>
                                                            <td colspan="9">
                                                                <p>
                                                                    <center class="text-danger">{{ __('labels.no_records_found') }}
                                                                    </center>
                                                                </p>
                                                            </td>
                                                        </tr>
                                                    @endforelse
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    {{ $packages->appends(request()->query())->links('partials.pagination') }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>  
        </div>

        <div class="row">
            <div class="col-md-12">
                <div id="accordion" class="accordion {{-- accordion-app --}} mt-3">
                    <div class="card mb-1">
                        <div class="card-header" href="#detail">
                            <a href="javascript:;" class="card-title text-black">Blocked User List</a>
                        </div>
                        <div id="detail" class="card-body collapse show" data-parent="#accordion">
                            <div class="loa-detail-labelw">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <div class="dashbed-border-bottom"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="table-responsive bg-white">
                                            <table class="table table-striped table-bordered admintable border-0" cellspacing="0"
                                                cellpadding="0">
                                                <tbody>
                                                    <tr>
                                                        <th>{{ __('#') }}</th>
                                                        <th>{{ __('Name') }}</th>
                                                        <th>{{ __('Reason') }}</th>
                                                        <th>{{ __('Blocked Date') }}</th>
                                                    </tr>
                                                    @forelse($blocked_users as $p_key => $blocked_user)
                                                        <tr>
                                                            <td>{{++$p_key}}</td>
                                                            <td>{{$blocked_user->blocked_user_me->name ?? 'NA'}}</td>
                                                            <td>{{$blocked_user->reason ?? '-'}}</td>
                                                            <td>{{$blocked_user->created_at ?? '-'}}</td>
                                                        </tr>
                                                    @empty
                                                        <tr>
                                                            <td colspan="4">
                                                                <p>
                                                                    <center class="text-danger">{{ __('labels.no_records_found') }}
                                                                    </center>
                                                                </p>
                                                            </td>
                                                        </tr>
                                                    @endforelse
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    {{ $blocked_users->appends(request()->query())->links('partials.pagination') }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>  
        </div>

    </div>
</section>

{{-- Package feature list popup --}}
<div class="modal fade" id="feature_popup" tabindex="-1" role="dialog" aria-labelledby="loginpopupTitle"
    aria-hidden="true">
    <div class="modal-dialog  modal-dialog-centered" role="document">
        <div class="modal-content bg-light modalPad">
            <form class="form" method="POST" role="post-data-ticket-reply" action="/support/reply" redirect="/support">
                <input type="hidden" name="ticket_id" value="" id="ticket_id">
                <div class="modal-header position-relative border-0">
                    <div class="">
                        <button type="button" class="close-btn" data-dismiss="modal" aria-label="Close">
                            <img src="{{ asset('assets/img/close.svg') }}" />
                        </button>
                        <div class="">
                            <h5>Feature List</h5>
                        </div>
                    </div>
                </div>
                <div class="modal-body pt-0">
                    <div class="loa-detail-labelw">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <div class="dashbed-border-bottom"></div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="table-responsive bg-white" id="tb_container">
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script>
   $(document).on('click', '.package_view', (e) => {
    e.preventDefault();
    const subId = e.target.closest('a').getAttribute('data-subId');
    const baseUrl = '{{ route("users.package.feature.view") }}';
    const params = new URLSearchParams({
        subId: subId,
    });
    const actionUrl = `${baseUrl}?${params.toString()}`;
    fetch(actionUrl, {
        method: 'GET',
        headers: {
            'Content-Type': 'application/json'
        }
    })
    .then((response) => response.json())
    .then((data) => {
        if(data.status == 200) {
            $("#tb_container").html(data.data.html);
            $("#feature_popup").modal('show');
        }
    })
    .catch((error) => {
        console.error('Error:', error);
    });
});

</script>
@endsection