@extends('layouts.app',['title'=>ucwords($title)])
@section('content')
<div class="main-content" id="result">
    
    <div class="page-content">
        <div class="container-fluid">
                 
            {{-- <div class="row">
                <div class="col-lg-12">
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    @if (session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @endif
                </div>
            </div> --}}
            @include("partials.tabs.user_profile_tab",["id"=>$id,"tab"=>"settings"])
            <form id="settings-form" method="post" action="{{route('users.settings.update', $id)}}" autocomplete="off" class="needs-validation">
                @csrf   

                <div class="row mt-4">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">  
                                
                                <div class="mb-3">
                                    <label for="websites_limit" class="form-label">Websites Limit</label>
                                    
                                    <input id="websites_limit" value="{{old('websites_limit', $setting ? $setting->websites_limit : 3)}}" name="websites_limit" type="number" min="1" max="10" class="form-control" >
                                    @error('websites_limit')
                                        <div class="text-danger mt-2">{{ $message }}</div>
                                    @enderror
                                </div>
                                <?php if($user->email_verified_at == null){ ?>
                                <div class="mb-3">
                                    <label for="trial_ending_at" class="form-label">Date & Time</label>
                                    
                                    <input readonly id="trial_ending_at" value="{{old('trial_ending_at', $user->trial_ending_at->format('d-m-Y H:i'))}}" name="trial_ending_at" type="text"  class="form-control" >
                                    @error('trial_ending_at')
                                        <div class="text-danger mt-2">{{ $message }}</div>
                                    @enderror
                                </div>
                                <?php } ?>
                                <div class="mb-3 d-flex align-items-center gap-2">
                                     <b>Allow WP Admin Access</b>
                                    <input type="checkbox" name="is_wp_admin_access" value="1"
                                        {{ old('is_wp_admin_access', $setting->is_wp_admin_access ?? 0) == 1 ? 'checked' : '' }}>
                                   
                                </div>
                                
                                
                            </div>
                            <!-- end card body -->
                        </div>
                        <!-- end card -->
                        
                    </div>
                    

                    <div class="col-lg-12">
                        <div class="text-end mb-4">
                            <a href="{{route('users.list')}}" class="btn btn-secondary mx-2">Cancel</a>    
                            <button type="submit" id="submitBtn" class="btn btn-primary button-text">Update settings</button>
                        </div>
                    </div>
                </div>
                <!-- end row -->
            </form>
            
        </div> <!-- container-fluid -->
    </div>
</div>
@endsection
@push('topcss')
 <link href="{{ asset('assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />  
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@25.3.1/build/css/intlTelInput.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.css">

@endpush
@push('scripts')
<script src="{{ asset('assets/validate/jquery.validate.min.js')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script>
<script type="text/javascript">
    $(function() {
		
        @if($user->trial_ending_at)
        $("#trial_ending_at").datetimepicker({
            format: 'd-m-Y H:i',   // your format
            formatTime: 'H:i',
            formatDate: 'd-m-Y',
            value: "{{$user->trial_ending_at->format('d-m-Y H:i')}}",
            minDate: 0,
            step:30
        });
        @endif
        jQuery.validator.addMethod("fullname", function(value, element) {
            return this.optional(element) || /^[A-Za-z]+(?:\s[A-Za-z]+)?$/.test(value);
        }, "Please enter a valid name.");

		$("#settings-form").validate({
            submitHandler: function(form) {
                // Disable button to prevent duplicate submissions
                $("#submitBtn").prop("disabled", true);
                
                form.submit(); // submit the form after disabling
            },
            rules: {
                websites_limit: {
                    required: true,
                    min: 1,
                    max: 10,
                    number: true
                }
            }
        })
	});
</script>
@endpush