@extends('layouts.admin')
@section('content')
<div class="card">
    <div class="card-header">
      Edit User
    </div>

    <div class="card-body">
        <form action="{{ route('admin.Apisettings.update', $apiSettings->id) }}" method="POST" id="Apisettings-form-edit">
            @csrf
            @method('PUT')  <!-- Make sure to specify the PUT method for the update -->

            <div class="form-group">
                <label for="domain">Domain</label>
                <input type="text" name="domain" id="domain" class="form-control" value="{{ old('domain', $apiSettings->domain) }}" required>
                @error('domain')
                <small class="text-danger">{{ $message }}</small>
                @enderror
            </div>

            <div class="form-group">
                <label for="user_id">User</label>
                <select name="user_id" id="user_id" class="form-control" required>
                    <option value="">Select User</option>
                    @foreach($users as $user)
                    <option value="{{ $user->id }}" {{ old('user_id', $apiSettings->user_id) == $user->id ? 'selected' : '' }}>
                        {{ $user->name }}
                    </option>
                    @endforeach
                </select>
                @error('user_id')
                <small class="text-danger">{{ $message }}</small>
                @enderror
            </div>

            <div class="form-group">
                <label for="status">Status</label>
                <select name="status" id="status" class="form-control" required>
                    <option value="1" {{ old('status', $apiSettings->status) == '1' ? 'selected' : '' }}>Active</option>
                    <option value="0" {{ old('status', $apiSettings->status) == '0' ? 'selected' : '' }}>Inactive</option>
                </select>
                @error('status')
                <small class="text-danger">{{ $message }}</small>
                @enderror
            </div>

            <div class="form-group">
                <button class="btn btn-danger" type="submit">
                    {{ trans('global.save') }}
                </button>
                <a class="btn btn-default" href="{{ route('admin.Apisettings.index') }}">
                    {{ trans('global.back_to_list') }}
                </a>
            </div>
            </div>
        </form>

    </div>
</div>

@endsection

@section('scripts')
    @parent
    <script>
        $(document).ready(function() {
            $('#Apisettings-form-edit').validate({
                rules: {
                    domain: {
                        required: true,
                        remote: {
                            url: '{{ route('admin.validate.domain.update') }}',
                            type: "POST",
                            data: {
                                domain: function() {
                                    return $("#domain").val();
                                },
                                _token: '{{ csrf_token() }}',
                                id: {{$apiSettings->id}}
                            }
                        }
                    },
                    user_id: {
                        required: true,
                    },
                    status: {
                        required: true,
                    }
                },
                messages: {
                    domain: {
                        required: "Enter domain",
                        remote: 'This domain is already taken.'
                    },
                    user_id: {
                        required: "Select a user",
                    },
                    status: {
                        required: "Select status",
                    }
                },
                errorPlacement: function(error, element) {
                    error.addClass('text-danger');
                    error.appendTo(element.closest('.form-group'));
                }
            });
        });
</script>    
    
@endsection