@extends('adminlte::page')

@section('title', 'Services')

@section('content_header')
    <h1 class="text-dark text-bold text-center my-2">Services</h1>
@stop

@section('content')
    <div class="card shadow rounded-lg  mb-3 p-2">
        <div class="card-header">
            <div class="row mt-3">
                <div class="col-md-2 float-left ">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb bg-white">
                            <li class="breadcrumb-item text-bold"><a href="{{ route('admin.home') }}">Home</a></li>
                            <li class="breadcrumb-item text-bold active" aria-current="page">Services</li>
                        </ol>
                    </nav>
                </div>

               {{--<div class= "col-md-2">
                    <select id="dw-sections" class="form-control float-md-right mx-4">
                        <option value="">--Select Sections--</option>
                        @foreach($sections as $key=>$value)
                            <option value="{{$value}}">{{$value}}</option>
                        @endforeach
                    </select>
                </div>--}}
                <div class= "col-md-10">
                    <a href="{{ route('admin.services.create') }}"  class="btn btn-success float-md-right ml-2" role="button" aria-pressed="true"><i class="fas fa-plus"></i> Add Service</a>
                    <a href="{{route('admin.services.categories.index')}}"  class="btn btn-info float-md-right ml-2" role="button" aria-pressed="true"><i class="fas fa-list"></i> Categories</a>
                    <a href="{{ route('admin.services.icons.index') }}"  class="btn btn-warning float-md-right" role="button" aria-pressed="true"><i class="fas fa-icons"></i> Add Icons</a>
                    <a href="{{ route('admin.services.links.index') }}"  class="btn btn-secondary float-md-right mr-2" role="button" aria-pressed="true"><i class="fas fa-link"></i> Inter Links</a>
                    <a href="{{ route('admin.services.document-categories.index') }}"  class="btn btn-dark float-md-right mr-2" role="button" aria-pressed="true"><i class="fas fa-folder"></i> Doc Categories</a>
                    <a href="{{ route('admin.list.coupon') }}"  class="btn btn-danger float-md-right mr-2" role="button" aria-pressed="true"><i class="fas fa-tags"></i> Coupons</a>
                    <a href="{{ route('admin.services.addons') }}"  class="btn btn-primary float-md-right mr-2" role="button" aria-pressed="true"><i class="fas fa-puzzle-piece"></i> Add Ons</a>
                    <a href="{{ route('admin.services.combos') }}"  class="btn btn-success float-md-right mr-2" role="button" aria-pressed="true"><i class="fas fa-layer-group"></i> Combos</a>
                    <a href="{{ route('admin.core.services') }}"  class="btn btn-info float-md-right mr-2" role="button" aria-pressed="true"><i class="fas fa-cogs"></i> Core Services</a>
                </div>
            </div>

            <div class="collapse mt-3 {{ !empty($search) || !empty($categoryId) || !empty($is_support) !== null ? 'show' : '' }}" id="searchCollapse">
            <form action="{{ route('admin.services.index') }}" method="get" id="searchForm">
                
                <div class="row">
                    
                    <div class="col-md-3">
                        <div class="form-group">
                            <input type="text" name="search" class="form-control float-left" id="search" placeholder="Search..." value="{{ $search }}">
                        </div>
                    </div>

                    @php $sr_type = 1;
                        if (request()->has('service_type')) {
                            $sr_type = request()->query('service_type'); 
                        } 
                    @endphp

                    <div class="col-md-2">
                        <div class="form-group">
                            <select class="form-control select2" name="service_type" id="service_type">
                                <option value="">- select service type -</option>
                                <option value="1" @if($sr_type == 1) selected @endif>Main Services</option>
                                <option value="2" @if($sr_type == 2) selected @endif>Other Services</option>
                            </select>
                        </div>
                    </div>

                    <div class="col-md-2">
                        <div class="form-group">
                            <select class="form-control select2" name="category" id="category">
                                <option value="">Select Category</option>
                                @foreach($categories as $category)
                                    <option  value="{{ $category->id }}" {{ !empty(\Request::get('category')) && \Request::get('category') == $category->id ? 'selected' : '' }}>{{ $category->category_title }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <select name="is_support" class="select2 form-control" id="is_support">
                                <option value="">Select Support Status</option>
                                {{--<option value="1" {{ !empty(\Request::get('is_support')) && \Request::get('is_support') == 1 ? 'selected' : '' }}>YES</option>
                                <option value="0" {{ !empty(\Request::get('is_support')) && \Request::get('is_support') == 0 ? 'selected' : '' }}>NO</option>--}}
                                <option value="1" {{ \Request::get('is_support') === '1' ? 'selected' : '' }}>YES</option>
                                <option value="0" {{ \Request::get('is_support') === '0' ? 'selected' : '' }}>NO</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <select name="filter_service" class="select2 form-control" id="filter_service">
                                <option value="">Select Service Country</option>  
                                <option value="usa" {{ \Request::get('filter_service') === 'usa' ? 'selected' : '' }}>USA</option>
                                <option value="uk" {{ \Request::get('filter_service') === 'uk' ? 'selected' : '' }}>UK</option>
                                <option value="other" {{ \Request::get('filter_service') === 'other' ? 'selected' : '' }}>Other</option>  
                            </select>
                        </div>
                    </div>

                    <div class="col-md-1">
                        <button type="submit" class="btn btn-primary float-right">Search</button>
                    </div>
                </div>
                  
                
            </form>
        </div>

        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered w-100" id="dataTable"  cellspacing="0">
                    <thead>
                        <tr>
                            <th>No.</th>
                            <th>Category</th>
                            <th>Title</th>
                            <th>Slug</th>
                            <th>No Index</th>
                            <th>Support Status</th>
                            <th>Service Link</th>
                            <th>Actions</th>
                            <th>Published /Drafted</th>
                            <th>Last Updated By</th>
                            <th>Last Updated Section</th>
                            <th>Sections</th>
                        </tr>
                    </thead>

                    <tbody>
                        @php
                            $i= 1;
                        @endphp

                        @foreach ($services as $service)
                            <tr>
                                <td style="width:7%">{{$i}}.</td>
                                <td style="width:12%">{{@$service->category->category_title}}</td>
                                <td style="width:18%">{{$service['title']}}</td>
                                <td style="width:10%"> {{$service['slug']}} </td>
                                
                                <td style="width:9%"> 
									<input type="checkbox" {{$service->no_index=='Y'?'checked':''}} class="chk_recent"
                                           data-url="{{ route('admin.services.updatenoIndex',$service->id) }}"/>
								</td>
                                <td style="width:5%">
                                   
                                    {{($service->is_support)?'YES':'NO'}}
                                </td>
                                <td style="width:5%">
                                                                            
                                        @if($service['country'] != null and $service['country'] != "")
                                            @php $country = $service['country']; @endphp
                                            @if($service['country'] == "india")
                                                @php $country = "direct"; @endphp
                                            @endif

                                            <a href="https://visament.com/nri-checkout-steps/{{$service['slug']}}/{{$country}}" target="_blank">Service Link</a>
                                        @else
                                            <a href="https://visament.com/nri-checkout-steps/{{$service['slug']}}/direct" target="_blank">Service Link</a>
                                        @endif
                                    
                                </td>
                                <td style="width:10%">
                                    <input type="checkbox" data-id="{{ $service->id }}" name="status" class="js-switch" {{ $service->status == 1 ? 'checked' : '' }}>&nbsp;&nbsp;
                                    {{--<a href="{{ route('admin.services.view',$service->id) }}" data-toggle="tooltip" data-placement="top" title="View"><i class="fa fa-eye"></i></a>&nbsp;--}}
                                    <a href="{{ route('admin.services.edit',$service->id) }}" data-toggle="tooltip" data-placement="top" title="Edit">
                                        <i class="fa fa-edit"></i>
                                    </a>&nbsp;
                                    <a href="{{ route('admin.faq.index', $service->id) }}"  data-toggle="tooltip" data-placement="top" title="Edit Faq Section"><i class="fa fa-question-circle"></i></a>
									 <a href="{{ route('admin.services.description', $service->id) }}"data-toggle="tooltip" data-placement="top" title="Description"><i class="fa fa-pen-alt"></i></a>
                                    <a href="{{ route('admin.services.descriptionTwo', $service->id) }}"  data-toggle="tooltip" data-placement="top" title="Description two"><i class="fas fa-highlighter"></i></a>
                                </td>
                                @php
                                    $excludedSlug = ["canada", "dubai", "new-zealand", "mauritius", "australia", "malaysia", "singapore", "germany", "ireland", "italy", "netherlands","indian-visa","nro-account-opening","nre-account-opening"];
                                @endphp
                                <td style="width:8%">
                                    @if(!in_array($service->slug, $excludedSlug))
                                        <input type="checkbox" data-id="{{ $service->id }}" name="is_published" class="js-switch" {{ $service->is_published == 1 ? 'checked' : '' }}>
                                    @endif
                                </td>
                                <td class="font-italic text-bold">
                                    {{ $service->updatedBy->name ?? 'N/A' }}
                                    
                                </td>
                                <td>
                                    @if ($service->last_updated_section)
                                        <span>{{ ucfirst($service->last_updated_section) }}</span><br/>
                                        <small class="text-primary">({{$service->updated_at->setTimezone('Asia/Kolkata')->format('d-m-Y h:i A')}})</small>
                                    @else
                                        <span>No changes made yet</span>
                                    @endif
                                </td>
                                <td style="width:25%">
                                @foreach($sections as $key=>$value)
                                    @if($value != 'steps' && $value != 'eligibility' && $value != 'pitooci' )
									 <a href="{{ route('admin.services.title-section.edit', [$service->id,$value]) }}" class="badge bg-info" data-toggle="tooltip" data-placement="top" title="Edit Title Section">{{$value}}</a>
                                     @endif
								@endforeach
								<a href="{{ route('admin.faq.index', $service->id) }}" class="badge bg-info" data-toggle="tooltip" data-placement="top" title="Edit Faq Section">Faq</a>
								<a href="{{ route('admin.visa.index', $service->id) }}" class="badge bg-info" data-toggle="tooltip" data-placement="top" title="Edit Faq Section">Visa</a>

                                <a href="{{ route('admin.testimonial.index', $service->id) }}" class="badge bg-info" data-toggle="tooltip" data-placement="top" title="Edit Testimonial Section">testimonial</a>
                                <a href="{{ route('admin.pi-to-oci.index', $service->id) }}" class="badge bg-info" data-toggle="tooltip" data-placement="top" title="Edit Testimonial Section">pitooci</a>
                                <a href="{{ route('reasons.document-types',[ 'id' => $service->doc_pro_id, 'type' => 'document']) }}" class="badge bg-info" data-toggle="tooltip" data-placement="top" title="After Checkout Docs">After Checkout</a>
                                <a href="{{ route('admin.service-addons', $service->id) }}" class="badge bg-info" data-toggle="tooltip" data-placement="top" title="Manage Addons">Addons</a>
                                {{--<!--<a href="{{ route('admin.service-combos', $service->id) }}" class="badge bg-info" data-toggle="tooltip" data-placement="top" title="Manage combos">Combos</a>-->--}}
                                    {{--<div class="btn-group">
                                        <a href="{{ route('admin.services.title-section.edit', $service->id) }}" class="btn btn-info cls-section" data-toggle="tooltip" data-placement="top" title="Edit Title Section">Title</a>
                                        <a href="{{ route('admin.services.points-section.edit', $service->id) }}" class="btn btn-info cls-section" data-toggle="tooltip" data-placement="top" title="Edit Title Section">Points</a>
                                        <a href="{{ route('admin.services.techstack.edit', $service->id) }}" class="btn btn-info cls-section" data-toggle="tooltip" data-placement="top" title="Edit Document Section">Document</a>
                                         <a href="{{ route('admin.services.techstack.edit', $service->id) }}" class="btn btn-info cls-section" data-toggle="tooltip" data-placement="top" title="Edit Document Section">Document1</a>
                                    </div>--}}
                                </td>
                                @php
                                    $i++;
                                @endphp
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                {{ $services->withQueryString()->links('pagination::bootstrap-4') }}
            </div>
        </div>
    </div>
@stop

@section('css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">

@stop

@section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script>
$(document).on("click",".cls-section",function(e) {
    e.preventDefault();
    let section_link = $(this).attr('href');
    if($('#dw-sections').val() == ''){
        mytoast.error('Please select a section to edit.');
        $('#dw-sections').focus();
    }else{
        window.location.href = section_link+'/'+$('#dw-sections').val();
       
    }
});

$('.chk_recent').change(function (e) {
	var noindex = 'N';
	if ($(this).is(':checked')) {
		noindex = 'Y';
	}
	$.ajax({
		url: $(this).attr('data-url'),
		data: {noindex: noindex},
		type: "GET",
		success: function (data) {
			data = JSON.parse(data);
			if (data['error'] == true) {
				mytoast.error(data['message']);
			} else {
				mytoast.success(data['message']);
			}
		}
	});
});


</script>

<script>
    let publishedElems = Array.prototype.slice.call(document.querySelectorAll('.js-switch[name="is_published"]'));
    publishedElems.forEach(function(html) {
        new Switchery(html, {
            size: 'small',
            color: '#28a745',
            secondaryColor: '#dc3545'
            
        });
    });

    $('.js-switch[name="is_published"]').change(function () {
        let is_published = $(this).prop('checked') === true ? 1 : 0;
        let service_id = $(this).data('id');
        $.ajax({
            type: "GET",
            dataType: "json",
            url: 'services/publish-status/' + service_id,
            data: {
                'is_published': is_published,
                'service_id': service_id,
                '_token': '{{ csrf_token() }}'
            },
            success: function (data) {
                console.log(data.message);
                toastr.clear();
                // toastr.success(data.message);
                let toast = toastr.success(data.message, 'Notification', {
                    closeButton: true,
                    progressBar: true,
                    positionClass: 'toast-top-right',
                    timeOut: 500,
                    extendedTimeOut: 700 
                });

                
                // let toastElement = $('.toast');
                let toastElement = $(toast);
                if (data.is_published === "1") {
                    toastElement.addClass('toast-success');
                } else {
                    toastElement.addClass('toast-danger');
                }
                if (data.redirect_url) {
                    window.location.href = data.redirect_url;
                }
            },
            error: function (data) {
                console.log('Error:', data);
                toastr.error('Failed to update status');
            }
        });
    });
</script>

@stop