@extends('layouts.admin')

@section('breadcrumb')
<div class="main-breadcrumb d-flex flex-wrap align-items-center my-4 position-relative gap-3">
    <h2 class="breadcrumb-title mb-0 flex-grow-1 fs-16">{{ tr('support_members') }}</h2>
    <div class="flex-shrink-0">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb justify-content-end mb-0">
                <li><i class="ri-home-4-line fs-16 me-2 lh-sm text-primary"></i></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ tr('home') }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ tr('create_support_members') }}</li>
            </ol>
        </nav>
    </div>
</div>
@endsection

@section('content')
<div class="col-12 col-xl-12">
    <div class="card card-h-100">
        <div class="card-header">
            <h5 class="card-title">{{ tr('create_support_members') }}</h5>
        </div>

        <div class="card-body">
            <form action="{{ route('admin.support_member.store') }}" method="POST">
                @csrf

                <div class="row g-4">

                    <div class="col-xxl-6">
                        <label class="form-label">{{ tr('name') }}</label>
                        <input type="text" name="name" placeholder="{{ tr('enter_name') }}" class="form-control" required>
                    </div>

                    <div class="col-xxl-6">
                        <label class="form-label">{{ tr('email') }}</label>
                        <input type="email" name="email" placeholder="{{ tr('enter_email') }}" class="form-control" required>
                    </div>

                    <div class="col-xxl-6">
                        <label class="form-label">{{ tr('password') }}</label>
                        <input type="password" name="password" placeholder="{{ tr('enter_password') }}" class="form-control" required>
                    </div>
                </div>

                <div class="col-12">
                    <label class="form-label">{{ tr('modules') }}</label>

                    <div class="row">
                        @foreach(support_modules() as $key => $module)

                            <div class="col-md-3">
                                <div class="form-check">
                                    <input class="form-check-input"
                                        type="checkbox"
                                        name="modules[]"
                                        value="{{ $key }}"
                                        id="module_{{ $key }}">

                                    <label class="form-check-label" for="module_{{ $key }}">
                                        {{ $module }}
                                    </label>
                                </div>
                            </div>

                        @endforeach
                    </div>
                </div>

                <div class="d-flex justify-content-end gap-2 mt-4">
                    <a href="{{ route('admin.support_member.index') }}" class="btn btn-danger">
                        {{ tr('cancel') }}
                    </a>
                    <button type="submit" class="btn btn-primary">
                        {{ tr('submit') }}
                    </button>
                </div>

            </form>
        </div>
    </div>
</div>
@endsection