@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"><a href="{{ route('admin.support_member.index') }}">{{ tr('support_members') }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ tr('edit_support_member') }}</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('edit_support_member') }}</h5>
        </div>

        <div class="card-body">
            <form action="{{ route('admin.support_member.update' , $support_member->unique_id) }}" 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" value="{{$support_member->name ?? ''}}" 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" value="{{$support_member->email ?? ''}}" 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">
                    </div>

                    {{-- <div class="col-xxl-6">
                        <label class="form-label">{{ tr('mask_data') }}</label>

                        <div class="form-check form-switch">

                            <input class="form-check-input"
                                type="checkbox"
                                name="mask_data"
                                value="1"
                                {{ $support_member->mask_data ? 'checked' : '' }}>

                            <label class="form-check-label">
                                {{ tr('mask_data') }}
                            </label>

                        </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 }}"
                                            {{ in_array($key, $support_member->modules ?? []) ? 'checked' : '' }}>

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

                                    </div>
                                </div>

                            @endforeach

                        </div>
                    </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