@extends('layouts.admin')

@section('content')

@php
use Illuminate\Support\Str;
@endphp
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4>User details
                        <a href="{{ route('admin.users.index') }}" class="btn btn-primary float-end">Users</a>
                    </h4>
                    <hr>
                </div>
                
              @if($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                <div class="card-body">
                <a href="{{ url()->previous() }}" class="btn btn-primary me-2">Back</a>
<!-- 
                    <form action="{{ route('admin.users.update', $user->id) }}" method="POST">
                        @csrf
                        @method('PUT') -->
                        <div class="row">
                            <div class="col-md-4 mt-3">
                                <label for="role_as">Role</label>
                                <div class="p-2 border">
                                    <select name="role_as" id="role_as" class="form-control">
                                        <option value="0" {{ $user->role_as == 0 ? 'selected' : '' }}>Customer</option>
                                        <option value="1" {{ $user->role_as == 1 ? 'selected' : '' }}>Admin</option>
                                        <option value="2" {{ $user->role_as == 2 ? 'selected' : '' }}>Seller</option>
                                        <option value="3" {{ $user->role_as == 3 ? 'selected' : '' }}>Rider</option>
                                        <option value="5" {{ $user->role_as == 5 ? 'selected' : '' }}>Customer/Seller</option>

                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4 mt-3">
                                <label for="name">Name</label>
                                <div class="p-2 border">
                                    <input type="text" name="name" id="name" class="form-control" value="{{ $user->shop->shop_name ?? $user->name }}">
                                </div>
                            </div>

                            <div class="col-md-4 mt-3">
                                <label for="email">Email</label>
                                <div class="p-2 border">
                                <input type="text" name="email" id="email" class="form-control" value="{{ $user->shop->email ?? $user->email }}">
                                </div>
                            </div>
                            
                            <div class="col-md-4 mt-3">
                                <label for="phone">Contact No</label>
                                <div class="p-2 border">
                                <input type="text" name="phone" id="phone" class="form-control" value="{{ $user->shop->phone ?? $user->phone }}">
                                </div>
                            </div>
                          <div class="col-md-4 mt-3">
    <label for="barangay">Barangay</label>
    <div class="p-2 border">
    @if($user->role_as == 2 || $user->role_as == 5)
            {{ $user->shop->barangay }}
        @elseif($user->role_as == 3 || $user->role_as == 0)
            @php
                $address = $user->addresses()->where('is_active', 1)->first();
            @endphp
            @if($address)
                {{ $address->barangay }}
            @else
                Address not found
            @endif
        @endif
        @error('barangay')
            <span class="text-danger">{{ $message }}</span>
        @enderror
    </div>
</div>

<div class="col-md-4 mt-3">
    <label for="municipal">Municipal</label>
    <div class="p-2 border">
   @if($user->role_as == 2 || $user->role_as == 5)
            {{ $user->shop->municipal }}
            @elseif($user->role_as == 3 || $user->role_as == 0)
            @php
                $address = $user->addresses()->where('is_active', 1)->first();
            @endphp
            @if($address)
                {{ $address->municipal }}
            @else
                Address not found
            @endif
        @endif
        @error('municipal')
            <span class="text-danger">{{ $message }}</span>
        @enderror
    </div>
</div>

                        
                        <div class="mt-3">
                            <!-- <button type="submit" class="btn btn-primary">Update</button> -->
                            @if ($user->role_as != 4)
                                        <form action="{{ route('admin.users.block', $user->id) }}" method="POST" class="d-inline">
                                            @csrf
                                            @method('PUT')
                                            <button type="submit" class="btn btn-warning">
                                                Block User
                                            </button>
                                        </form>
                                    @else
                                        <form action="{{ route('admin.users.unblock', $user->id) }}" method="POST" class="d-inline">
                                            @csrf
                                            @method('PUT')
                                            <button type="submit" class="btn btn-success">
                                                Unblock
                                            </button>
                                        </form>
                                    @endif
                        </div>
                        <style>
    .enlarged-image {
        transform: scale(1.5); 
        z-index: 1; 
        position: absolute;
        top: 0%; 
        left: 35%; 
        width: 35%;

        transform-origin: center center;
    }
</style>
<label for="images" class="col-md-4 col-form-label text-md-right">{{ __('Identification') }}</label>


<div class="col-md-6">
    @if ($user->userImages->isNotEmpty())
        <div class="row">
            @foreach($user->userImages as $image)
                <div class="col-md-4 mb-3">
                    <div class="image-container" style="height: 150px; overflow: hidden;">
                        <img src="{{ asset('upload/userImage/'.$image->path) }}" alt="User Image" class="img-fluid adjustable-image" onclick="toggleImageSize(this)">
                    </div>
                </div>
            @endforeach
        </div>
    @endif
</div>

<script>
    function toggleImageSize(image) {
        image.classList.toggle('enlarged-image');
    }
</script>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


 <!-- Display associated products -->
 @if ($user->role_as == 2 || $user->role_as == 5)
    <div class="row mt-4">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h1>{{$user->shop_name}}</h1>
                </div>
                <div class="card-body">
                    <table class="table table-striped table-hover">
                        <thead>
                            <tr>
                                <th>Product Name</th>
                                <th>View</th>
                                <!-- Add other product fields as needed -->
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($user->products as $product)
                                <tr>
                                    <td>{{ Illuminate\Support\Str::limit($product->name, 60) }}</td>
                                    <center><td>
                                        <a class="btn btn-primary" href="{{ url('admin/products/view/'.$product->id) }}">
                                            <i class="fas fa-eye"></i> <!-- Font Awesome icon for "View" -->
                                        </a>
</center>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endif

         

@endsection