@extends('layouts.app')

@section('pagetitle', __('Add API key'))

@section('breadcrumbs')
    <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
        <li class="breadcrumb-item active">Admin</li>
        <li class="breadcrumb-item"><a href="{{route('admin.apikey.index')}}">API keys</a></li>
        <li class="breadcrumb-item active">@yield('pagetitle')</li>
    </ol>
@endsection

@section('content')

    <section class="content">
        <div class="container-fluid">
            <section class="content">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">{{__("New API key")}}</h3>
                            </div>
                            <!-- /.card-header -->
                            <div class="card-body">
                                <form action="{{route('admin.apikey.store')}}" method="post">
                                    @csrf
                                    <div class="form-group">
                                        <label for="user_id">{{__('User')}}</label>
                                        <select class="form-control" name="user_id" id="user_id">
                                            @foreach($users as $user)
                                                <option value="{{$user->id}}" @if(old('user_id') == $user->id) selected @endif>{{$user->recognizername}}</option>
                                            @endforeach
                                        </select>
                                        @error('user_id')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label for="name">{{__('Name')}}</label>
                                        <input type="text" value="{{old('name')}}" class="form-control" name="name" id="name" placeholder="{{__('e.g. iOS app')}}">
                                        @error('name')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <button type="submit" class="btn btn-primary">{{__('Create')}}</button>
                                </form>
                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </section>
        </div><!-- /.container-fluid -->
    </section>
@endsection