@extends('layouts.app')

@section('title', __('ui.create').' '.__('ui.tenants'))

@section('content')
<div class="card-soft p-4" style="max-width:720px">
    <h1 class="h4 mb-3">{{ __('ui.create') }}</h1>
    <form method="POST" action="{{ route('admin.tenants.store') }}">
        @csrf
        <div class="row g-3">
            <div class="col-md-6"><label class="form-label">{{ __('ui.name') }}</label><input name="name" class="form-control" value="{{ old('name') }}" required></div>
            <div class="col-md-6"><label class="form-label">{{ __('ui.email') }}</label><input type="email" name="email" class="form-control" value="{{ old('email') }}" required></div>
            <div class="col-md-6"><label class="form-label">{{ __('ui.phone') }}</label><input name="phone" class="form-control" value="{{ old('phone') }}"></div>
            <div class="col-md-6">
                <label class="form-label">{{ __('ui.status') }}</label>
                <select name="status" class="form-select">
                    <option value="trial">trial</option>
                    <option value="active" selected>active</option>
                    <option value="suspended">suspended</option>
                </select>
            </div>
            <div class="col-md-6"><label class="form-label">Admin name</label><input name="admin_name" class="form-control" required></div>
            <div class="col-md-6"><label class="form-label">Admin email</label><input type="email" name="admin_email" class="form-control" required></div>
            <div class="col-md-6"><label class="form-label">Admin password</label><input type="password" name="admin_password" class="form-control" required></div>
            <div class="col-md-6">
                <label class="form-label">{{ __('ui.plans') }}</label>
                <select name="plan_id" class="form-select" required>
                    @foreach($plans as $plan)
                        <option value="{{ $plan->id }}">{{ $plan->name }} ({{ $plan->messages_per_month }} msg)</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-6"><label class="form-label">Days</label><input type="number" name="days" class="form-control" value="30"></div>
        </div>
        <div class="mt-4 d-flex gap-2">
            <button class="btn btn-wap">{{ __('ui.save') }}</button>
            <a href="{{ route('admin.tenants.index') }}" class="btn btn-outline-secondary">{{ __('ui.back') }}</a>
        </div>
    </form>
</div>
@endsection