@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">
        <form action="{{ route('central.dashboard.users.update', ['user' => $user->id]) }}" method="post"
            id="update-user-form">
            @csrf
            @method('put')

            {{-- Start User Info Section --}}
            <div class="row my-3">
                <div class="col-md-4">
                    <label for="full_name" class="rs">الإسم الكامل</label>
                    <input type="text" name="full_name" id="full_name" class="form-control" placeholder="الإسم الكامل"
                        value="{{ $user->full_name }}" required>
                </div>

                <div class="col-md-4">
                    <label for="company_name" class="rs">إسم الشركة</label>
                    <input type="text" name="company_name" id="company_name" class="form-control"
                        placeholder="إسم الشركة" value="{{ $user->company_name }}" required>
                </div>

                <div class="col-md-4">
                    <label for="user_name" class="rs">إسم المستخدم</label>
                    <input type="text" name="user_name" id="user_name" class="form-control" placeholder="إسم المستخدم"
                        value="{{ $user->user_name }}" required>
                </div>
            </div>

            <div class="row my-3">
                <div class="col-md-4">
                    <label for="phone" class="rs">رقم الهاتف</label>
                    <input type="text" name="phone" id="phone" class="form-control" placeholder="رقم الهاتف"
                        value="{{ $user->phone }}" required>
                </div>

                <div class="col-md-4">
                    <label for="email" class="rs">الايميل</label>
                    <input type="text" name="email" id="email" class="form-control" placeholder="الايميل"
                        value="{{ $user->email }}" required>
                </div>

                <div class="col-md-4">
                    <label for="subdomain" class="rs">النطاق الفرعي (subdomain)</label>
                    @php
                        $subdomain = $user->domains[0]->domain;
                        $demo_pos_in_subdomain = strpos($subdomain, '-demo', 0);
                        if ($demo_pos_in_subdomain !== false) {
                            $subdomain = substr($subdomain, 0, $demo_pos_in_subdomain);
                        }
                    @endphp
                    <input type="text" name="subdomain" id="subdomain" class="form-control"
                        placeholder="النطاق الفرعي (subdomain)" value="{{ $subdomain }}" required>
                </div>
            </div>

            <div class="row my-3">
                <div class="col-md-4">
                    <label class="rs">نوع الحساب</label>
                    @php $checked_account_type = old('account_type') ?? $user->account_type; @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-md-4">
                    <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="{{ $user->settings->sub_users_count }}"
                        {{ $checked_account_type == 'demo' ? 'readonly' : '' }} required>
                </div>

                <div class="col-md-4">
                    <label for="start_date" class="rs">تاريخ بداية الاشتراك</label>
                    <x-input-date identifier="start_date" name="start_date" :value="$user->settings->start_date?->format(config('app.date_format'))" :readonly="$checked_account_type == 'demo' ? 'readonly' : ''" required>
                    </x-input-date>
                </div>

                <div class="col-md-4">
                    <label for="end_date" class="rs">تاريخ انتهاء الاشتراك</label>
                    <x-input-date identifier="end_date" name="end_date" :value="$user->settings->end_date?->format(config('app.date_format'))" :readonly="$checked_account_type == 'demo' ? 'readonly' : ''" required>
                    </x-input-date>
                </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" name="modules[]" class="module-name"
                                    id="module-{{ $module->code }}" value="{{ $module->code }}"
                                    {{ array_key_exists($module->code, $availableModules) ? 'checked' : '' }}>
                                <label for="module-{{ $module->code }}">{{ $module->name }}</label>
                            </div>
                            <div class="code-sections-layout"
                                style="display:  {{ $user->has_module($module->code) ? 'block' : 'none' }}">
                                <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>

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

                                <div class="code-sections ">
                                    <div class="d-flex flex-wrap">
                                        @foreach ($module->sections as $section)
                                            @php
                                                $has_section =
                                                    array_key_exists($module->code, $availableModules) &&
                                                    in_array($section->code, $availableModules[$module->code]);
                                            @endphp
                                            <div class="col-6 col-md-4">
                                                <label for="section-{{ $section->id }}"
                                                    class="code-section {{ $has_section ? 'selected-item' : '' }}">
                                                    {{ $section->name }}
                                                </label>
                                                <input type="checkbox" name="sections-{{ $module->code }}[]"
                                                    id="section-{{ $section->id }}" value="{{ $section->code }}"
                                                    class="d-none" {{ $has_section ? 'checked' : '' }}>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            {{-- End Modules Section --}}
            @php
                $has_rentals_module = array_key_exists('rentals', $availableModules);
                $has_rentals_in_old_request = is_array(old('modules')) && in_array('module-rentals', old('modules'));
                $show_rentals_count_inputs = $has_rentals_module || $has_rentals_in_old_request;

                $has_warehouses_module = array_key_exists('warehouses', $availableModules);
                $has_warehouses_in_old_request =
                    is_array(old('modules')) && in_array('module-warehouses', old('modules'));
                $show_warehouses_count_inputs = $has_warehouses_module || $has_warehouses_in_old_request;

                $has_pos_module = array_key_exists('pos', $availableModules);
                $has_pos_in_old_request = is_array(old('modules')) && in_array('module-pos', old('modules'));
                $show_pos_count_inputs = $has_pos_module || $has_pos_in_old_request;
            @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="{{ $user->settings->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="{{ $user->settings->floors_count_to_each_building }}" 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="{{ $user->settings->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="{{ $user->settings->cash_devices_count }}">
                        </div>
                       
                    </div>
                    <button type="button" class="btn mt-3 mb-3 " style="background:#7aaec7;color:white " onclick="toggleCashDevices()">عرض
                        الكاشات</button>
                    <table class="table table-bordered" id="cash-devices-table" style="display: none;">
                        <thead>
                            <tr>
                                <th>#</th>

                                <th>الاسم بالعربي</th>
                                <th>الاسم بالانجليزي</th>
                                <th>الحالة</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($userDevices as $device)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>

                                    <td>{{ $device['ar_name'] ?? 'غير مربوط بكاش' }}</td>
                                    <td>{{ $device['en_name'] ?? 'غير مربوط بكاش' }}</td>
                                    <td>
                                        <input type="hidden" name="cash_devices_status[{{ $device['id'] }}]" value="0">  
                                        <input type="checkbox" name="cash_devices_status[{{ $device['id'] }}]"
                                            value="1" {{ $device['is_active'] ? 'checked' : '' }}>
                                        <span class="{{ $device['is_active'] ? 'text-success' : 'text-danger' }}">
                                            {{ $device['is_active'] ? 'مفعل' : 'غير مفعل' }}
                                        </span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

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

        {{-- Change Password Form --}}
        <div class="w-100 mx-auto">
            <h4>تغيير كلمة المرور</h4>
            <form action="{{ route('central.dashboard.users.change-password', ['user' => $user->id]) }}" method="post">
                @csrf

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

                    <div class="col-md-6">
                        <label for="password_confirmation">تأكيد كلمة المرور</label>
                        <input type="password" name="password_confirmation" id="password_confirmation"
                            class="form-control" placeholder="تأكيد كلمة المرور" required>
                    </div>
                </div>

                <div class="text-center">
                    <button class="btn btn-success">تغيير</button>
                </div>
            </form>
        </div>
    </div>
@endsection

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

    <script>
        function toggleCashDevices() {
            const table = document.getElementById('cash-devices-table');
            if (table.style.display === 'none') {
                table.style.display = 'table';
            } else {
                table.style.display = 'none';
            }
        }
    </script>
@endpush