@use('App\Services\Date')
@extends('superadmin::layouts.master')
@section('title',__('tenant::register-requests.title'))
@section('extra-styles')
<style>
    .arabic-dir{
        direction: ltr;
        text-align: right;
    }
</style>
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('dashboard-home')}}">@lang('Home')</a>
            </li>
            <li class="breadcrumb-item"><a href="{{route('tenant.register-requests.index')}}">
                    @lang('tenant::register-requests.title')</a>
            </li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section id="configuration">
    <div class="row">
        <div class="col-xs-12">
            @include('superadmin::errors.lists')
            <div class="card ">
                <div class="card-body collapse in">
                    <table
                        class="table table-striped table-column dataex-res-configuration  @if(app()->getlocale() == 'ar') ar-language-file @endif" style="width:100%;display: inline-table;">
                        <thead>
                            <tr>
                                <th>
                                    {{__('tenant::register-requests.email')}}
                                </th>
                                <th>
                                    {{__('tenant::register-requests.mobile number')}}
                                </th>
                                <th>
                                    {{__('tenant::register-requests.date')}}
                                </th>
                                <th>@lang('Actions')</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(isset($registerRequests))
                            @foreach($registerRequests as $registerRequest)
                            <tr>
                                <td>{{$registerRequest['email']}}</td>
                                <td @if(app()->getLocale() == 'ar') class="arabic-dir" @endif>{{$registerRequest['mobile_number']}}</td>
                                <td>
                                    <span class="d-none">{{$registerRequest['created_at']}}</span>
                                    <label>
                                        {{ Date::format($registerRequest['created_at'], 'date') }}
                                    </label>
                                </td>
                                <td>
                                    <a href="{{route('tenant.register-requests.resend',$registerRequest['id'])}}"
                                       class="btn btni rounded-circle font-small-2 btn-warning  btn-deactive dev-deactivate-confirm text-white"
                                       data-toggle="tooltip"
                                       data-placement="bottom" title="@lang('tenant::register-requests.resend_email')">
                                        <i class="fa fa-refresh"></i>
                                    </a>
                                    <a href="{{route('tenants.create', ['email' => $registerRequest['email']])}}" target="_blank"
                                       class="btn btni rounded-circle font-small-2 btn-success btn-active dev-deactivate-danger text-white"
                                       data-toggle="tooltip"
                                       data-placement="bottom" title="{{__('tenant::register-requests.activate')}}">
                                        <i class="fa fa-check"></i>
                                    </a>
                                    <a href="" target="_blank" class="delete-request"
                                       data-toggle="modal"
                                       data-target="#favoritesModal"
                                       data-url="{{ route('tenant.register-requests.delete', $registerRequest['id'] ) }}" data-toggle="tooltip"
                                       data-placement="bottom"
                                       title="@lang('Delete')">
                                        <button
                                            class='btn btni rounded-circle font-small-2 btn-danger btn-xs btn-delete'
                                            data-toggle="tooltip"
                                            data-placement="bottom"
                                            title="{{ __('Delete') }}"
                                        >
                                            <i class="fa fa-trash-o"></i>
                                        </button></a>
                                </td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="favoritesModal" tabindex="-1" role="dialog"
         aria-labelledby="favoritesModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="favoritesModalLabel">@lang('Delete')</h4>
                </div>
                <div class="modal-body">
                    <p> @lang('Are You Sure to delete this?')
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default mx-1"
                            data-dismiss="modal">@lang('No')</button>
                    <span class="pull-right">
                        <form id="delete-form" action="" method="POST" class="form">
                            @csrf
                            @method('delete')
                            <button type="submit" class="btn btn-primary">@lang('Yes')</button>
                        </form>
                    </span>
                </div>
            </div>
        </div>
    </div>

</section>

@endsection
@section('extra_scripts')

<script>
    window.addEventListener('DOMContentLoaded', function () {
        (function ($) {
            $(document).on('touchstart click', '.delete-request', function(){
                var url = $(this).attr('data-url');
                $("#delete-form").attr("action", url);
            });
        })(jQuery);
    });

</script>
@endsection