@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')}} - {{__('admin.provider_request')}}</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($row->category && in_array($row->category->type, ['hall', 'chalet', 'rest', 'hotel']))
                                                    <li class="nav-item">
                                                        <a class="nav-link" data-toggle="tab" href="#additions">{{__('admin.additions')}}</a>
                                                    </li>
                                                @endif
                                            </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="{{$row->image}}" class="rounded-circle" style="width: 150px; height: 150px; object-fit: cover;">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        @if($row->name)
                                                        <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="{{$row->name}}" class="form-control" placeholder="{{__('admin.name')}}" readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        @endif
                                                        @if($row->email)
                                                        <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="{{$row->email}}" class="form-control" placeholder="{{__('admin.email')}}" readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        @endif
                                                        @if($row->phone)
                                                        <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="{{$row->phone}}" class="form-control" placeholder="{{__('admin.phone')}}" readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        @endif
                                                        @if($row->city)
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label for="city_id">{{ __('admin.city') }}</label>
                                                                <input type="text" value="{{ $row->city->name ?? '' }}" class="form-control" readonly>
                                                            </div>
                                                        </div>
                                                        @endif
                                                        @if($row->category)
                                                        <div class="col-md-6 col-12">
                                                            <div class="form-group">
                                                                <label for="category_id">{{ __('admin.category') }}</label>
                                                                <input type="text" value="{{ $row->category->name ?? '' }}" class="form-control" readonly>
                                                            </div>
                                                        </div>
                                                        @endif
                                                        @if($row->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="{{ $row->subCategory->name ?? '' }}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                        @endif
                                                        @if($row->description)
                                                        <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">{{ $row->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">{{ $row->getTranslation('description', 'en') }}</textarea>
                                                            </div>
                                                        </div>
                                                        @endif

                                                        {{-- Gallery Images --}}
                                                        @if($row->category && in_array($row->category->type, ['hall', 'chalet', 'rest', 'hotel']) && $images && $images->count() > 0)
                                                            <div class="col-12"><hr><h4>{{ __('admin.images') }}</h4></div>
                                                            <div class="col-12">
                                                                <div class="row">
                                                                    @foreach($images 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($row->category && $row->category->type === 'hall')
                                                            @if($row->hall_capacity)
                                                            <div class="col-md-6 col-12">
                                                                <div class="form-group">
                                                                    <label>{{ __('admin.hall_capacity') }}</label>
                                                                    <input type="text" value="{{ $row->hall_capacity }}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                            @endif
                                                            @if($row->day_price)
                                                            <div class="col-md-6 col-12">
                                                                <div class="form-group">
                                                                    <label>{{ __('admin.day_price') }}</label>
                                                                    <input type="text" value="{{ $row->day_price }}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                            @endif
                                                            @if($row->conditions)
                                                            <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>{{ $row->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>{{ $row->getTranslation('conditions', 'en') }}</textarea>
                                                                </div>
                                                            </div>
                                                            @endif
                                                        @elseif($row->category && in_array($row->category->type, ['chalet', 'rest', 'hotel']))
                                                            @if($row->area_in_metres)
                                                            <div class="col-md-4 col-12">
                                                                <div class="form-group">
                                                                    <label>{{ __('admin.area_in_metres') }}</label>
                                                                    <input type="text" value="{{ $row->area_in_metres }}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                            @endif
                                                            @if($row->rooms_number)
                                                            <div class="col-md-4 col-12">
                                                                <div class="form-group">
                                                                    <label>{{ __('admin.rooms_number') }}</label>
                                                                    <input type="text" value="{{ $row->rooms_number }}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                            @endif
                                                            @if($row->day_price)
                                                            <div class="col-md-4 col-12">
                                                                <div class="form-group">
                                                                    <label>{{ __('admin.day_price') }}</label>
                                                                    <input type="text" value="{{ $row->day_price }}" class="form-control" readonly>
                                                                </div>
                                                            </div>
                                                            @endif
                                                            @if($row->rooms_description)
                                                            <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>{{ $row->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>{{ $row->getTranslation('rooms_description', 'en') }}</textarea>
                                                                </div>
                                                            </div>
                                                            @endif
                                                        @endif

                                                        {{-- Identity Data --}}
                                                        @if($row->identity_number || $row->identity_image || $row->commercial_register_image)
                                                        <div class="col-12"><hr><h4>{{ __('admin.identity_data') }}</h4></div>
                                                        @endif
                                                        @if($row->identity_number)
                                                        <div class="col-md-12 col-12">
                                                            <div class="form-group">
                                                                <label>{{ __('admin.identity_number') }}</label>
                                                                <input type="text" value="{{ $row->identity_number }}" class="form-control" readonly>
                                                            </div>
                                                        </div>
                                                        @endif
                                                        @if($row->identity_image)
                                                        <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="{{$row->identity_image}}" target="_blank">
                                                                                <img src="{{$row->identity_image}}" class="rounded-circle" style="width: 100px; height: 100px; object-fit: cover;">
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        @endif
                                                        @if($row->commercial_register_image)
                                                        <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="{{$row->commercial_register_image}}" target="_blank">
                                                                                <img src="{{$row->commercial_register_image}}" class="rounded-circle" style="width: 100px; height: 100px; object-fit: cover;">
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        @endif

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

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

                                                {{-- Additions Tab --}}
                                                @if($row->category && in_array($row->category->type, ['hall', 'chalet', 'rest', 'hotel']))
                                                    <div class="tab-pane fade" id="additions" role="tabpanel">
                                                        <table class="table">
                                                            <thead>
                                                                <tr>
                                                                    <th>{{__('admin.image')}}</th>
                                                                    <th>{{__('admin.name')}}</th>
                                                                    <th>{{__('admin.price')}}</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @forelse($row->additions as $addition)
                                                                    <tr>
                                                                        <td>
                                                                            @if($addition->image)
                                                                                <a href="{{$addition->image}}" target="_blank">
                                                                                    <img src="{{$addition->image}}" width="50">
                                                                                </a>
                                                                            @else
                                                                                {{ __('admin.no_image') }}
                                                                            @endif
                                                                        </td>
                                                                        <td>{{$addition->name}}</td>
                                                                        <td>{{$addition->price}}</td>
                                                                    </tr>
                                                                @empty
                                                                    <tr>
                                                                        <td colspan="3" class="text-center">{{__('admin.no_data')}}</td>
                                                                    </tr>
                                                                @endforelse
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                @endif
                                                
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="col-12 d-flex justify-content-center mt-3">
                                        <a href="{{ route('admin.provider_requests.index') }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{__('admin.back')}}</a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

{{-- Refuse Modal --}}
<div class="modal fade" id="refuseModal" tabindex="-1" role="dialog" aria-labelledby="refuseModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="refuseModalLabel">{{__('admin.refuse_provider_request')}}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="refuseForm">
                <div class="modal-body">
                    <input type="hidden" name="id" id="refuse_provider_id">
                    <div class="form-group">
                        <label for="refuse_reason">{{__('admin.refuse_reason')}}</label>
                        <textarea name="refuse_reason" id="refuse_reason" class="form-control" rows="4" required placeholder="{{__('admin.refuse_reason')}}"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('admin.close')}}</button>
                    <button type="submit" class="btn btn-danger">{{__('admin.refuse')}}</button>
                </div>
            </form>
        </div>
    </div>
</div>
{{-- Refuse Modal --}}

@endsection

@section('js')
    <script src="{{asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/js/scripts/extensions/sweet-alerts.js')}}"></script>

  
    <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');
            var mapDiv = document.getElementById('map');

            // Only initialize map if map div exists
            if (mapDiv) {
                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(mapDiv, mapOptions);
                    marker = new google.maps.Marker({
                        map: map,
                        position: myLatlng,
                        draggable: false 
                    });
                }

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

                if (initialLat && initialLng) {
                    initMap(initialLat, initialLng);
                } else {
                    initMap();
                }
            }
        });

        $(document).ready(function(){
            $(document).on('click','.approve-provider',function(e){
                e.preventDefault();
                var providerId = $(this).data('id');
                var button = $(this);
                
                $.ajax({
                    url: '{{route("admin.provider_requests.approve")}}',
                    method: 'post',
                    data: { id: providerId},
                    dataType:'json',
                    beforeSend: function(){
                        button.html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').attr('disabled',true);
                    },
                    success: function(response){
                        Swal.fire({
                            position: 'top-start',
                            type: 'success',
                            title: response.message,
                            showConfirmButton: false,
                            timer: 1500,
                            confirmButtonClass: 'btn btn-primary',
                            buttonsStyling: false,
                        });
                        setTimeout(function(){
                            window.location.href = '{{route("admin.provider_requests.index")}}';
                        }, 1000);
                    },
                    error: function(xhr){
                        Swal.fire({
                            position: 'top-start',
                            type: 'error',
                            title: xhr.responseJSON?.message || '{{__("admin.error_occurred")}}',
                            showConfirmButton: false,
                            timer: 1500,
                        });
                        button.html('<i class="feather icon-check"></i> {{__("admin.approve")}}').attr('disabled',false);
                    }
                });
            });

            $(document).on('click','.refuse-provider',function(e){
                e.preventDefault();
                var providerId = $(this).data('id');
                $('#refuseModal').modal('show');
                $('#refuse_provider_id').val(providerId);
            });

            $(document).on('submit','#refuseForm',function(e){
                e.preventDefault();
                var form = $(this);
                var formData = form.serialize();
                
                $.ajax({
                    url: '{{route("admin.provider_requests.refuse")}}',
                    method: 'post',
                    data: formData,
                    dataType:'json',
                    beforeSend: function(){
                        form.find('button[type="submit"]').html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>').attr('disabled',true);
                    },
                    success: function(response){
                        Swal.fire({
                            position: 'top-start',
                            type: 'success',
                            title: response.message || '{{__("admin.request_rejected_successfully")}}',
                            showConfirmButton: false,
                            timer: 1500,
                            confirmButtonClass: 'btn btn-primary',
                            buttonsStyling: false,
                        });
                        $('#refuseModal').modal('hide');
                        form[0].reset();
                        setTimeout(function(){
                            window.location.href = '{{route("admin.provider_requests.index")}}';
                        }, 1000);
                    },
                    error: function(xhr){
                        var errors = xhr.responseJSON?.errors || {};
                        var errorMessage = '';
                        if (errors.refuse_reason) {
                            errorMessage = errors.refuse_reason[0];
                        } else {
                            errorMessage = xhr.responseJSON?.message || '{{__("admin.error_occurred")}}';
                        }
                        Swal.fire({
                            position: 'top-start',
                            type: 'error',
                            title: errorMessage,
                            showConfirmButton: false,
                            timer: 1500,
                        });
                        form.find('button[type="submit"]').html('{{__("admin.refuse")}}').attr('disabled',false);
                    }
                });
            });
        });
    </script>
@endsection