@extends('admin.layout.master')

@section('css')
    <style>
        .current-location{
            position: absolute;
            top:60px;
            left:10px;
        }
    </style>
@endsection

@section('content')
<!-- // Basic multiple Column Form section start -->
<section id="multiple-column-form">
    <div class="row match-height">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">{{__('admin.show')}}</h4>
                </div>
                <div class="card-content">
                    <div class="card-body">
                        <form  class="show form-horizontal" >
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="col-12">
                                            <ul class="nav nav-tabs  mb-3">
                                                <li class="nav-item">
                                                    <a class="nav-link active" data-toggle="tab" href="#home">{{__('admin.data')}}</a>
                                                </li>
                                                @if(in_array($provider->category->type, ['productive_family', 'flowers_store']))
                                                    <li class="nav-item">
                                                        <a class="nav-link" data-toggle="tab" href="#products">{{__('admin.products')}}</a>
                                                    </li>
                                                @endif
                                                @if($provider->category->type == 'productive_family')
                                                    <li class="nav-item">
                                                        <a class="nav-link" data-toggle="tab" href="#supplies">{{__('admin.supplies')}}</a>
                                                    </li>
                                                @endif
                                                {{-- Additions are shown in the main "Data" tab (Home) --}}
                                            </ul>
                                            <div class="tab-content">
                                                <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                                                    <div class="row">
                                                        <div class="col-12 text-center mb-2">
                                                            <div class="img-show">
                                                                <div class="avatar-upload">
                                                                    <div class="avatar-preview">
                                                                        <div class="avatar-edit">
                                                                            <img src="{{$provider->image}}" class="rounded-circle" style="width: 150px; height: 150px; object-fit: cover;">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label for="first-name-column">{{__('admin.name')}}</label>
                                                                <div class="controls">
                                                                    <input type="text" name="name" value="{{$provider->name}}" class="form-control" placeholder="{{__('admin.name')}}" required data-validation-required-message="{{__('admin.this_field_is_required')}}" readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label for="first-name-column">{{__('admin.email')}}</label>
                                                                <div class="controls">
                                                                    <input type="email" name="email" value="{{$provider->email}}" class="form-control" placeholder="{{__('admin.email')}}" required data-validation-required-message="{{__('admin.this_field_is_required')}}" readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label for="first-name-column">{{__('admin.phone')}}</label>
                                                                <div class="controls">
                                                                    <input type="text" name="phone" value="{{$provider->phone}}" class="form-control" placeholder="{{__('admin.phone')}}" required data-validation-required-message="{{__('admin.this_field_is_required')}}" readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label for="first-name-column">{{__('admin.avg_rate')}}</label>
                                                                <div class="controls">
                                                                    <input type="text" value="{{$provider->avg_rate}}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label for="first-name-column">{{__('admin.count_rate')}}</label>
                                                                <div class="controls">
                                                                    <input type="text" value="{{$provider->count_rate}}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label for="first-name-column">{{__('admin.is_available')}}</label>
                                                                <div class="controls">
                                                                    <input type="text" value="{{ $provider->is_available ? __('admin.available') : __('admin.unavailable') }}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label for="first-name-column">{{__('admin.orders_with_deposit')}}</label>
                                                                <div class="controls">
                                                                    <input type="text" value="{{ $provider->orders_with_deposit ? __('admin.yes') : __('admin.no') }}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label for="city_id">{{ __('admin.city') }}</label>
                                                                <input type="text" value="{{ $provider->city->name ?? '' }}" class="form-control" readonly>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label for="category_id">{{ __('admin.category') }}</label>
                                                                <input type="text" value="{{ $provider->category->name ?? '' }}" class="form-control" readonly>
                                                            </div>
                                                        </div>
                                                        
                                                        @if($provider->sub_category_id)
                                                            <div class="col-md-6 col-12">
                                                                <div class="form-group">
                                                                    <label for="sub_category_id">{{ __('admin.sub_category') }}</label>
                                                                    <input type="text" value="{{ $provider->subCategory->name ?? '' }}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                        @endif

                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label>{{__('admin.description_ar')}}</label>
                                                                <textarea class="form-control" disabled rows="10" cols="30">{{ $provider->getTranslation('description', 'ar') }}</textarea>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label>{{__('admin.description_en')}}</label>
                                                                <textarea class="form-control" disabled rows="10" cols="30">{{ $provider->getTranslation('description', 'en') }}</textarea>
                                                            </div>
                                                        </div>

                                                        {{-- Gallery Images --}}
                                                      
                                                        @if(in_array($provider->category->type, ['hall', 'chalet', 'rest', 'hotel']) && $provider->images()->where('type', 'add')->count() > 0)
                                                            <div class="col-12"><hr><h4>{{ __('admin.images') }}</h4></div>
                                                            <div class="col-12">
                                                                <div class="row">
                                                                    @foreach($provider->images()->where('type', 'add')->get() as $image)
                                                                        <div class="col-md-2 col-4 mb-2 text-center">
                                                                            <a href="{{$image->image}}" target="_blank">
                                                                                <img src="{{$image->image}}" class="img-thumbnail rounded-circle" style="height: 100px; width: 100px; object-fit: cover;">
                                                                            </a>
                                                                        </div>
                                                                    @endforeach
                                                                </div>
                                                            </div>
                                                        @endif

                                                        {{-- Additional Fields based on Category --}}
                                                        @if($provider->category->type === 'hall')
                                                            <div class="col-md-6 col-12">
                                                                <div class="form-group">
                                                                    <label>{{ __('admin.hall_capacity') }}</label>
                                                                    <input type="text" value="{{ $provider->hall_capacity }}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 col-12">
                                                                <div class="form-group">
                                                                    <label>{{ __('admin.day_price') }}</label>
                                                                    <input type="text" value="{{ $provider->day_price }}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 col-12">
                                                                <div class="form-group">
                                                                    <label>{{ __('admin.conditions_ar') }}</label>
                                                                    <textarea class="form-control" cols="30" rows="10" disabled>{{ $provider->getTranslation('conditions', 'ar') }}</textarea>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 col-12">
                                                                <div class="form-group">
                                                                    <label>{{ __('admin.conditions_en') }}</label>
                                                                    <textarea class="form-control" cols="30" rows="10" disabled>{{ $provider->getTranslation('conditions', 'en') }}</textarea>
                                                                </div>
                                                            </div>
                                                        @elseif(in_array($provider->category->type, ['chalet', 'rest', 'hotel']))
                                                            <div class="col-md-4 col-12">
                                                                <div class="form-group">
                                                                    <label>{{ __('admin.area_in_metres') }}</label>
                                                                    <input type="text" value="{{ $provider->area_in_metres }}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4 col-12">
                                                                <div class="form-group">
                                                                    <label>{{ __('admin.rooms_number') }}</label>
                                                                    <input type="text" value="{{ $provider->rooms_number }}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4 col-12">
                                                                <div class="form-group">
                                                                    <label>{{ __('admin.day_price') }}</label>
                                                                    <input type="text" value="{{ $provider->day_price }}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 col-12">
                                                                <div class="form-group">
                                                                    <label>{{ __('admin.rooms_description_ar') }}</label>
                                                                    <textarea class="form-control" cols="30" rows="10" disabled>{{ $provider->getTranslation('rooms_description', 'ar') }}</textarea>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 col-12">
                                                                <div class="form-group">
                                                                    <label>{{ __('admin.rooms_description_en') }}</label>
                                                                    <textarea class="form-control" cols="30" rows="10" disabled>{{ $provider->getTranslation('rooms_description', 'en') }}</textarea>
                                                                </div>
                                                            </div>
                                                        @endif

                                                        {{-- Additions (Free/Paid) --}}
                                                        @if(in_array($provider->category->type, ['hall', 'chalet', 'rest', 'hotel']))
                                                            @php
                                                                $freeAdditions = $provider->additions->where('type', 'free');
                                                                $paidAdditions = $provider->additions->where('type', 'paid');
                                                            @endphp

                                                            @if($freeAdditions->count() > 0 || $paidAdditions->count() > 0)
                                                                <div class="col-12"><hr><h4>{{ __('admin.additions') }}</h4></div>

                                                                {{-- Free Additions --}}
                                                                @if($freeAdditions->count() > 0)
                                                                    <div class="col-12 mb-2">
                                                                        <h5 class="mb-1">{{ __('admin.free_additions') }}</h5>
                                                                        <div class="row">
                                                                            @foreach($freeAdditions as $addition)
                                                                                <div class="col-md-6 col-12 mb-1">
                                                                                    <div class="d-flex align-items-center">
                                                                                        @php
                                                                                            // ProviderAddition::getImageAttribute() returns a default placeholder when DB image is null,
                                                                                            // so we must check the raw DB value to avoid showing broken/placeholder images.
                                                                                            $rawAdditionImage = $addition->getRawOriginal('image');
                                                                                            $hasAdditionImage = !empty($rawAdditionImage) && !in_array(strtolower(trim((string) $rawAdditionImage)), ['null']);
                                                                                            $additionImage = $hasAdditionImage ? $addition->image : null;
                                                                                        @endphp
                                                                                        @if($hasAdditionImage && $additionImage)
                                                                                            <div class="mr-1">
                                                                                                <a href="{{$additionImage}}" target="_blank">
                                                                                                    <img src="{{$additionImage}}" width="50" class="rounded-circle" style="height: 50px; width: 50px; object-fit: cover;">
                                                                                                </a>
                                                                                            </div>
                                                                                        @endif
                                                                                        <div>
                                                                                            <div><strong>{{ $addition->name }}</strong></div>
                                                                                            <div class="small text-muted">{{ __('admin.price') }}: 0</div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            @endforeach
                                                                        </div>
                                                                    </div>
                                                                @endif

                                                                {{-- Paid Additions --}}
                                                                @if($paidAdditions->count() > 0)
                                                                    <div class="col-12 mb-2">
                                                                        <h5 class="mb-1">{{ __('admin.paid_additions') }}</h5>
                                                                        <div class="row">
                                                                            @foreach($paidAdditions as $addition)
                                                                                <div class="col-md-6 col-12 mb-1">
                                                                                    <div class="d-flex align-items-center">
                                                                                        @php
                                                                                            // ProviderAddition::getImageAttribute() returns a default placeholder when DB image is null,
                                                                                            // so we must check the raw DB value to avoid showing broken/placeholder images.
                                                                                            $rawAdditionImage = $addition->getRawOriginal('image');
                                                                                            $hasAdditionImage = !empty($rawAdditionImage) && !in_array(strtolower(trim((string) $rawAdditionImage)), ['null']);
                                                                                            $additionImage = $hasAdditionImage ? $addition->image : null;
                                                                                        @endphp
                                                                                        @if($hasAdditionImage && $additionImage)
                                                                                            <div class="mr-1">
                                                                                                <a href="{{$additionImage}}" target="_blank">
                                                                                                    <img src="{{$additionImage}}" width="50" class="rounded-circle" style="height: 50px; width: 50px; object-fit: cover;">
                                                                                                </a>
                                                                                            </div>
                                                                                        @endif
                                                                                        <div>
                                                                                            <div><strong>{{ $addition->name }}</strong></div>
                                                                                            <div class="small text-muted">{{ __('admin.price') }}: {{ $addition->price }}</div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            @endforeach
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                            @endif
                                                        @endif

                                                        {{-- Identity Data --}}
                                                        <div class="col-12"><hr><h4>{{ __('admin.identity_data') }}</h4></div>
                                                        <div class="col-md-12 col-12">
                                                            <div class="form-group">
                                                                <label>{{ __('admin.identity_number') }}</label>
                                                                <input type="text" value="{{ $provider->identity_number }}" class="form-control" readonly>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4 col-12 text-center">
                                                            <label>{{ __('admin.identity_image') }}</label>
                                                            <div class="img-show" style="display: flex; justify-content: center;">
                                                                <div class="avatar-upload">
                                                                    <div class="avatar-preview">
                                                                        <div class="avatar-edit">
                                                                            <a href="{{$provider->identity_image}}" target="_blank">
                                                                                <img src="{{$provider->identity_image}}" class="rounded-circle" style="width: 100px; height: 100px; object-fit: cover;">
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4 col-12 text-center">
                                                            <label>{{ __('admin.commercial_register_image') }}</label>
                                                            <div class="img-show" style="display: flex; justify-content: center;">
                                                                <div class="avatar-upload">
                                                                    <div class="avatar-preview">
                                                                        <div class="avatar-edit">
                                                                            <a href="{{$provider->commercial_register_image}}" target="_blank">
                                                                                <img src="{{$provider->commercial_register_image}}" class="rounded-circle" style="width: 100px; height: 100px; object-fit: cover;">
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        {{-- Bank Data --}}
                                                        <div class="col-12"><hr><h4>{{ __('admin.bank_data') }}</h4></div>
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label>{{ __('admin.bank_name') }}</label>
                                                                <input type="text" value="{{ $provider->bank_name }}" class="form-control" readonly>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label>{{ __('admin.bank_account_name') }}</label>
                                                                <input type="text" value="{{ $provider->bank_account_name }}" class="form-control" readonly>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label>{{ __('admin.bank_account_num') }}</label>
                                                                <input type="text" value="{{ $provider->bank_account_num }}" class="form-control" readonly>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label>{{ __('admin.iban_num') }}</label>
                                                                <input type="text" value="{{ $provider->iban_num }}" class="form-control" readonly>
                                                            </div>
                                                        </div>

                                                        <div class="col-md-12 col-12 mt-3">
                                                            <div class="form-group">
                                                                <label class="bold font14"
                                                                    for="exampleInputEmail1">{{ __('admin.location') }} </label>
                                                                <input type="text" name="map_desc" id="address" class="form-control" value="{{ $provider->map_desc }}" placeholder="{{ __('admin.address_description') }}" readonly>
                                                                <br>
                                                                <div class="position-relative">
                                                                    <div id="map" style="width: 100%; height: 250px;"></div>
                                                                    <input type="hidden" name="lat" id="lat" value="{{ $provider->lat }}">
                                                                    <input type="hidden" name="lng" id="lng" value="{{ $provider->lng }}">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                {{-- Products Tab --}}
                                                <div class="tab-pane fade" id="products" role="tabpanel">
                                                    <table class="table">
                                                        <thead>
                                                            <tr>
                                                                <th>{{__('admin.image')}}</th>
                                                                <th>{{__('admin.name')}}</th>
                                                                <th>{{__('admin.type')}}</th>
                                                                <th>{{__('admin.details')}}</th>
                                                                <th>{{__('admin.supplies')}}</th>
                                                                <th>{{__('admin.rate')}}</th>
                                                                <th>{{__('admin.returnable')}}</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach($provider->products as $product)
                                                                <tr></tr>
                                                                    <td>
                                                                        @php
                                                                            $displayImage = null;
                                                                            if ($product->type == 'simple') {
                                                                                if($product->images->count() > 0){
                                                                                    $displayImage = $product->images->first()->file;
                                                                                }
                                                                            } else {
                                                                                if ($product->variants->count() > 0) {
                                                                                    $minVariant = $product->variants->sortBy('price')->first();
                                                                                    if ($minVariant && $minVariant->images->count() > 0) {
                                                                                        $displayImage = $minVariant->images->first()->file;
                                                                                    }
                                                                                }
                                                                            }
                                                                        @endphp
                                                                        
                                                                        @if($displayImage)
                                                                            <a href="{{$displayImage}}" target="_blank">
                                                                                <img src="{{$displayImage}}" width="50" class="rounded-circle" style="height: 50px; object-fit: cover;">
                                                                            </a>
                                                                        @else
                                                                            {{ __('admin.no_image') }}
                                                                        @endif
                                                                    </td>
                                                                    <td>{{$product->name}}</td>
                                                                    <td>{{__('admin.'.$product->type)}}</td>
                                                                    <td>
                                                                        @if($product->type == 'simple')
                                                                            <div>{{ __('admin.price') }}: {{$product->price}}</div>
                                                                            <div>{{ __('admin.quantity') }}: {{$product->quantity}}</div>
                                                                            @if($product->discount_value)
                                                                                <div>{{ __('admin.discount_type') }}: {{ __('admin.'.$product->discount_type) }}</div>
                                                                                <div>{{ __('admin.discount_value') }}: {{ $product->discount_value }}</div>
                                                                            @endif
                                                                        @else
                                                                            <button type="button" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#variantsModal{{$product->id}}">
                                                                                {{ __('admin.show_variants') }}
                                                                            </button>

                                                                            <!-- Modal for Variants -->
                                                                            <div class="modal fade" id="variantsModal{{$product->id}}" tabindex="-1" role="dialog" aria-labelledby="variantsModalLabel{{$product->id}}" aria-hidden="true">
                                                                                <div class="modal-dialog modal-lg" role="document">
                                                                                    <div class="modal-content">
                                                                                        <div class="modal-header">
                                                                                            <h5 class="modal-title" id="variantsModalLabel{{$product->id}}">{{ __('admin.product_variants') }} - {{$product->name}}</h5>
                                                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                                                <span aria-hidden="true">&times;</span>
                                                                                            </button>
                                                                                        </div>
                                                                                        <div class="modal-body">
                                                                                            <table class="table table-striped">
                                                                                                <thead>
                                                                                                    <tr>
                                                                                                        <th>{{ __('admin.image') }}</th>
                                                                                                        <th>{{ __('admin.features') }}</th>
                                                                                                        <th>{{ __('admin.price') }}</th>
                                                                                                        <th>{{ __('admin.quantity') }}</th>
                                                                                                        <th>{{ __('admin.discount_type') }}</th>
                                                                                                        <th>{{ __('admin.discount_value') }}</th>
                                                                                                    </tr>
                                                                                                </thead>
                                                                                                <tbody>
                                                                                                    @foreach($product->variants as $variant)
                                                                                                        <tr>
                                                                                                            <td>
                                                                                                                @if($variant->images->count() > 0)
                                                                                                                    <a href="{{$variant->images->first()->file}}" target="_blank">
                                                                                                                        <img src="{{$variant->images->first()->file}}" width="50" class="rounded-circle" style="height: 50px; object-fit: cover;">
                                                                                                                    </a>
                                                                                                                @else
                                                                                                                    {{ __('admin.no_image') }}
                                                                                                                @endif
                                                                                                            </td>
                                                                                                            <td>
                                                                                                                @if($variant->options)
                                                                                                                    @foreach($variant->options as $option)
                                                                                                                        <span class="badge badge-light-primary">
                                                                                                                            {{ $option->feature->name ?? '' }}: {{ $option->name ?? '-' }}
                                                                                                                        </span>
                                                                                                                    @endforeach
                                                                                                                @endif
                                                                                                            </td>
                                                                                                            <td>{{ $variant->price }}</td>
                                                                                                            <td>{{ $variant->quantity }}</td>
                                                                                                            <td>{{ $variant->discount_value ? __('admin.'.$variant->discount_type) : '-' }}</td>
                                                                                                            <td>{{ $variant->discount_value ?? '-' }}</td>
                                                                                                        </tr>
                                                                                                    @endforeach
                                                                                                </tbody>
                                                                                            </table>
                                                                                        </div>
                                                                                        <div class="modal-footer">
                                                                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('admin.close') }}</button>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        @endif
                                                                        
                                                                        @if($product->type != 'simple' && $product->features->count() > 0)
                                                                            <div class="mt-2">
                                                                                <strong>{{ __('admin.features') }}:</strong>
                                                                                <ul class="list-unstyled mb-0">
                                                                                    @foreach($product->features as $feature)
                                                                                        <li>
                                                                                            <small>
                                                                                                {{ $feature->name }}: 
                                                                                                @foreach($feature->options->whereIn('id', $product->variants->pluck('options')->flatten()->pluck('id')) as $option)
                                                                                                    {{ $option->name }}@if(!$loop->last), @endif
                                                                                                @endforeach
                                                                                            </small>
                                                                                        </li>
                                                                                    @endforeach
                                                                                </ul>
                                                                            </div>
                                                                        @endif
                                                                    </td>
                                                                    <td>
                                                                        @if($product->supplies->count() > 0)
                                                                            <ul class="list-unstyled mb-0">
                                                                                @foreach($product->supplies as $supply)
                                                                                    <li>
                                                                                        <small>
                                                                                            {{ $supply->name }} - {{ $supply->price }} 
                                                                                            @if($supply->image)
                                                                                                <a href="{{$supply->image}}" target="_blank">
                                                                                                    <img src="{{$supply->image}}" width="20" class="rounded-circle" style="height: 20px; object-fit: cover;">
                                                                                                </a>
                                                                                            @endif
                                                                                        </small>
                                                                                    </li>
                                                                                @endforeach
                                                                            </ul>
                                                                        @else
                                                                            {{ __('admin.not_found') }}
                                                                        @endif
                                                                    </td>
                                                                    <td>{{$product->avg_rate}} <i class="feather icon-star text-warning"></i></td>
                                                                    <td>
                                                                        @if($product->provider_can_return)
                                                                            <span class="badge badge-success">{{ __('admin.yes') }}</span>
                                                                        @else
                                                                            <span class="badge badge-danger">{{ __('admin.no') }}</span>
                                                                        @endif
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>

                                                {{-- Supplies Tab --}}
                                                <div class="tab-pane fade" id="supplies" role="tabpanel">
                                                    <table class="table">
                                                        <thead>
                                                            <tr>
                                                                <th>{{__('admin.image')}}</th>
                                                                <th>{{__('admin.name')}}</th>
                                                                <th>{{__('admin.price')}}</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach($provider->supplies as $supply)
                                                                <tr>
                                                                    <td>
                                                                        @if($supply->image)
                                                                            <a href="{{$supply->image}}" target="_blank">
                                                                                <img src="{{$supply->image}}" width="50" class="rounded-circle" style="height: 50px; object-fit: cover;">
                                                                            </a>
                                                                        @else
                                                                            {{ __('admin.no_image') }}
                                                                        @endif
                                                                    </td>
                                                                    <td>{{$supply->name}}</td>
                                                                    <td>{{$supply->price}}</td>
                                                                </tr>
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>

                                                {{-- Additions Tab --}}
                                                {{-- Moved to main tab (Home) as Free/Paid, to match Edit --}}
                                                <div class="tab-pane fade" id="additions" role="tabpanel"></div>
                                                
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="col-12 d-flex justify-content-center mt-3">
                                        <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{__('admin.back')}}</a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('js')
    {{-- map --}}
    <script type="text/javascript"
    src='https://maps.google.com/maps/api/js?language={{ app()->getLocale() }}&libraries=places&key={{$settings['google_places']}}'>
    </script>

    <script>
        document.addEventListener("DOMContentLoaded", function () {
            var map;
            var marker;
            var lat = document.getElementById('lat');
            var lng = document.getElementById('lng');

            function initMap(locationlat, locationlng) {
                var myLatlng;
                if (locationlat && locationlng) {
                    myLatlng = new google.maps.LatLng(locationlat, locationlng);
                } else {
                    myLatlng = new google.maps.LatLng(24.7136, 46.6753); // Default location (Riyadh)
                }

                var mapOptions = {
                    zoom: 15,
                    center: myLatlng,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };

                map = new google.maps.Map(document.getElementById("map"), mapOptions);
                marker = new google.maps.Marker({
                    map: map,
                    position: myLatlng,
                    draggable: false 
                });
            }

            // Initialize map with existing location
            var initialLat = parseFloat(lat.value);
            var initialLng = parseFloat(lng.value);

            if (initialLat && initialLng) {
                initMap(initialLat, initialLng);
            } else {
                initMap();
            }
        });
    </script>
@endsection