@extends('central.dashboard.layouts.master')

@section('sidebar')
    @include('central.dashboard.layouts.sidebar', ['page' => 'users'])
@endsection

@section('style')
    <link rel="stylesheet" href="{{ asset('css/dashboard/users/users-functions.css') }}">
@endsection

@section('content')
    <div class="create-form-layout py-4">
        <form action="{{ route('central.dashboard.users.store') }}" method="post" id="create-user-form">
            @csrf

            {{-- Start User Info Section --}}
            <div class="row my-3">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <label for="full_name" class="rs">الإسم الكامل</label>
                    <input type="text" name="full_name" id="full_name" class="form-control" placeholder="الإسم الكامل"
                        value="{{ request()->old('full_name') }}" required>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <label for="company_name" class="rs">إسم الشركة</label>
                    <input type="text" name="company_name" id="company_name" class="form-control"
                        placeholder="إسم الشركة" value="{{ request()->old('company_name') }}" required>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <label for="user_name" class="rs">إسم المستخدم</label>
                    <input type="text" name="user_name" id="user_name" class="form-control" placeholder="إسم المستخدم"
                        value="{{ request()->old('user_name') }}" required>
                </div>
            </div>

            <div class="row my-3">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <label for="phone" class="rs">رقم الهاتف</label>
                    <input type="text" name="phone" id="phone" class="form-control" placeholder="رقم الهاتف"
                        value="{{ request()->old('phone') }}" required>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <label for="email" class="rs">الايميل</label>
                    <input type="text" name="email" id="email" class="form-control" placeholder="الايميل"
                        value="{{ request()->old('email') }}" required>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <label for="subdomain" class="rs">النطاق الفرعي (subdomain) </label>
                    <input type="text" name="subdomain" id="subdomain" class="form-control"
                        placeholder="النطاق الفرعي (subdomain)" value="{{ request()->old('subdomain') }}" required>
                </div>
            </div>

            <div class="row my-3">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <label class="rs">نوع الحساب</label>
                    @php $checked_account_type = old('account_type')?? 'subscription'; @endphp

                    <div class="d-flex">
                        <div>
                            <label for="subscription_account_type">حساب مشترك</label>
                            <input type="radio" name="account_type" id="subscription_account_type" value="subscription"
                                {{ $checked_account_type == 'subscription' ? 'checked' : '' }}>
                        </div>

                        <div class="mx-2">
                            <label for="demo_account_type">حساب تجريبي</label>
                            <input type="radio" name="account_type" id="demo_account_type" value="demo"
                                {{ $checked_account_type == 'demo' ? 'checked' : '' }}>
                        </div>
                    </div>

                    <div class="demo-account-notes"
                        style="display: {{ $checked_account_type == 'demo' ? 'block' : 'none' }};">
                        <p class="text-danger">* مدة صلاحية الحساب التجريبي 7 أيام.</p>
                    </div>
                </div>
            </div>

            <div class="row my-3">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <label for="sub_users_count" class="rs">عدد الحسابات الفرعية</label>
                    <input type="number" min="1" name="sub_users_count" id="sub_users_count" class="form-control"
                        placeholder="عدد الحسابات الفرعية" value="{{ request()->old('sub_users_count') ?? '1' }}"
                        {{ $checked_account_type == 'demo' ? 'readonly' : '' }} required>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <label for="start_date" class="rs">تاريخ بداية الاشتراك </label>
                    <x-input-date identifier="start_date" name="start_date" :value="old('start_date')" :readonly="$checked_account_type == 'demo' ? 'readonly' : ''" required>
                    </x-input-date>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <label for="end_date" class="rs">تاريخ انتهاء الاشتراك </label>
                    <x-input-date identifier="end_date" name="end_date" :value="old('end_date')" :readonly="$checked_account_type == 'demo' ? 'readonly' : ''" required>
                    </x-input-date>
                </div>
            </div>

            <div class="row my-3">
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <label for="password" class="rs">كلمة المرور </label>
                    <input type="password" name="password" id="password" class="form-control"
                        placeholder="كلمة المرور" required>
                </div>

                <div class="col-lg-6 col-md-6 col-sm-12">
                    <label for="password_confirmation" class="rs">تأكيد كلمة المرور </label>
                    <input type="password" name="password_confirmation" id="password_confirmation" class="form-control"
                        placeholder="تأكيد كلمة المرور" required>
                </div>
            </div>
            {{-- End User Info Section --}}
            <hr>

            {{-- Start Modules Section --}}
            <h4>تحديد أجزاء النظام المتاحة</h4>
            <div class="m-auto">
                <div class="row">
                    @foreach ($modules as $module)
                        <div class="mb-5 mt-2 col-12 module-layout">
                            <div class="code-module">
                                <input type="checkbox" class="module-name" name="modules[]"
                                    id="module-{{ $module->code }}" value="{{ $module->code }}"
                                    {{ is_array(old('modules')) && in_array($module->code, old('modules')) ? 'checked' : '' }}>
                                <label for="module-{{ $module->code }}">{{ $module->name }}</label>
                            </div>

                            @php
                                $hide_show_code_section = is_array(old('modules')) && in_array($module->code, old('modules')) ? 'display:block' : 'display:none';
                            @endphp

                            <div class="code-sections-layout" style="{{ $hide_show_code_section }}">
                                <div class="d-flex align-items-baseline sections-filter my-1"
                                    style="padding: 7px 19px; border-radius: 8px;">
                                    <button class="btn mx-2 sections-toggle-btn" type="button">
                                        الأقسام <i class="fas fa-caret-up" class="sections-toggle-icon"></i>
                                    </button>

                                    <input type="checkbox" class="btn select-all-sections-btn mx-1"
                                        id="all-sections-{{ $module->code }}" {{ old() ? 'checked' : '' }}>
                                    <label for="all-sections-{{ $module->code }}">الكل</label>
                                </div>

                                <div class="code-sections">
                                    <div class="d-flex flex-wrap">
                                        @foreach ($module->sections as $section)
                                            <div class="col-lg-2 col-md-4 col-sm-6">

                                                @php
                                                    $check_if_selected = is_array(old('sections-' . $module->code)) && in_array($section->code, old('sections-' . $module->code)) ? 'checked' : '';
                                                @endphp

                                                <input type="checkbox" name="sections-{{ $module->code }}[]"
                                                    id="section-{{ $section->id }}" value="{{ $section->code }}"
                                                    class="d-none" {{ $check_if_selected }}>

                                                <label for="section-{{ $section->id }}"
                                                    class="code-section {{ $check_if_selected ? 'selected-item' : '' }}">
                                                    <label for="section-{{ $section->id }}">
                                                        {{ $section->name }}
                                                    </label>
                                                </label>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            {{-- End Modules Section --}}
            @php
                $show_rentals_count_inputs = is_array(old('modules')) && in_array('module-rentals', old('modules'));
                $show_warehouses_count_inputs = is_array(old('modules')) && in_array('module-warehouses', old('modules'));
                $show_pos_count_inputs = is_array(old('modules')) && in_array('module-pos', old('modules'));
            @endphp
            <div class="border-top">
                <div class="pt-4">
                    <div class="d-md-flex gap-3">
                        <div
                            class="col-md-4 rentals-count-layout" style="display: {{ $show_rentals_count_inputs ? 'block' : 'none' }}">
                            <div class="row">
                                <div class="col-md-6">
                                    <label for="buildings-count">عدد المباني *</label>
                                    <input type="number" min="1" class="form-control" name="buildings_count"
                                        value="{{ old('buildings_count') }}" id="buildings-count">
                                </div>

                                <div class="col-md-6">
                                    <label for="floors-count">عدد الطوابق لكل مبنى *</label>
                                    <input type="number" min="1" class="form-control" name="floors_count"
                                        value="{{ old('floors_count') }}" id="floors-count">
                                </div>
                            </div>
                        </div>

                        <div class="col-md-2 warehouses-count-layout" style="display: {{ $show_warehouses_count_inputs ? 'block' : 'none' }}">
                            <label for="warehouses_count">عدد المستودعات *</label>
                            <input type="number" min="1" class="form-control" name="warehouses_count"
                                id="warehouses_count" value="{{ old('warehouses_count') }}">
                        </div>

                        <div class="col-md-2 pos-count-layout" style="display: {{ $show_pos_count_inputs ? 'block' : 'none' }}">
                            <label for="cash_devices_count">عدد الكاشات *</label>
                            <input type="number" min="1" class="form-control" name="cash_devices_count"
                                id="cash_devices_count" value="{{ old('cash_devices_count') }}">
                        </div>
                    </div>
                </div>
            </div>

            <div class="text-center">
                <button class="btn btn-success mt-3 submit-form-btn">إضافة</button>
                <span class="text-danger submit-note" style="display: none;">الرجاء الانتظار ...</span>
            </div>
        </form>
    </div>
@endsection

@push('script')
    <script src="{{ asset('js/dashboard/users/users-functions.js') }}"></script>
@endpush