@extends('layouts.admin')
@section('content')
    <div class="card">
        <div class="card-header">
            {{ trans('global.create') }} {{ trans('cruds.user.title_singular') }}
        </div>

        <div class="card-body">
            <form id="Apisettings-form" action="{{ route('admin.Apisettings.save') }}" method="POST">
                @csrf
                <div class="form-group">
                    <label for="domain">Domain</label>
                    <input type="text" name="domain" id="domain" placeholder="Enter Domain" class="form-control"
                        value="{{ old('domain') }}" required>
                </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') == $user->id ? 'selected' : '' }}>
                                {{ $user->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label for="status">Status</label>
                    <select name="status" id="status" class="form-control" required>
                        <option value="1" {{ old('status') == '1' ? 'selected' : '' }}>Active</option>
                        <option value="0" {{ old('status') == '0' ? 'selected' : '' }}>Inactive</option>
                    </select>
                </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>
            </form>
        </div>
    </div>
@endsection
@section('scripts')
    @parent
    <script>
        $(document).ready(function() {
            $('#Apisettings-form').validate({
                rules: {
                    domain: {
                        required: true,
                        remote: {
                            url: '{{ route('admin.validate.domain') }}',
                            type: "POST",
                            data: {
                                domain: function() {
                                    return $("#domain").val();
                                },
                                _token: '{{ csrf_token() }}'
                            }
                        }
                    },
                    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