@extends('layouts.super-admin.main')
@section('mainContent')
    <div class="page-wrapper page-settings">
        <div class="content">
            <div class="content-page-header content-page-headersplit">
                <h5>New Tenant</h5>
            </div>
            <div class="row">
                <div class="col-md-10">
                    <div class="new-offer-blk">

                        @if(session()->has('error'))
                            <p class="alert alert-danger">
                                {{ session()->get('error') }}
                            </p>
                        @endif
                        <form method="POST" action="{{ route('createTenant') }}">
                            @csrf
                            <div class="row">

                                <div class="col-md-6">
                                    <div id="div_id_username" class="form-group required">
                                        <label for="id_username" class="control-label  requiredField">First Name <span class="manitory">*</span> </label>
                                        <div class="controls col-md-12 ">
                                            <input maxlength="30" class="form-control name-val first_name" name="first_name"
                                                style="margin-bottom: 10px" type="text" placeholder="Enter First Name" value="{{ old('first_name') }}" />
                                                @error('first_name')
                                                <div class="text-danger first_name_error">{{ $message }}</div>
                                                @enderror
                                        </div>
                                    </div>
                                    <div>

                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div id="div_id_username" class="form-group required">
                                        <label for="id_username" class="control-label  requiredField">Last Name <span class="manitory">*</span>  </label>
                                        <div class="controls col-md-12 ">
                                            <input maxlength="30" class="form-control name-val last_name" name="last_name"
                                                placeholder="Enter Last Name" style="margin-bottom: 10px" type="text"
                                                value="{{ old('last_name') }}" />
                                                @error('last_name')
                                                <div class="text-danger first_name_error">{{ $message }}</div>
                                                @enderror
                                            </div>
                                    </div>
                                    <div>

                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div id="div_id_email" class="form-group required">
                                        <label for="id_email" class="control-label  requiredField"> Company Name <span class="manitory">*</span> </label>
                                        <div class="controls col-md-12 ">
                                            <input maxlength="30" class="input-md emailinput form-control title-val title"
                                                id="company_name" name="company_name" placeholder="Enter Company Name"
                                                style="margin-bottom: 10px" type="text" value="{{ old('company_name') }}"/>
                                                @error('company_name')
                                                <div class="text-danger first_name_error">{{ $message }}</div>
                                                @enderror
                                        </div>
                                    </div>
                                    <div>

                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div id="div_id_username" class="form-group required">
                                        <label for="id_username" class="control-label  requiredField"> Email <span class="manitory">*</span> </label>
                                        <div class="controls col-md-12 ">
                                            <input maxlength="60"
                                                class="input-md  textinput textInput form-control email-val email"
                                                name="email" placeholder="Enter Email" style="margin-bottom: 10px"
                                                type="email" value="{{ old('email') }}"/>
                                                @error('email')
                                                <div class="text-danger first_name_error">{{ $message }}</div>
                                                @enderror
                                        </div>
                                    </div>
                                    <div>

                                    </div>
                                </div>

                            </div>



                            <div class="row">
                                <div class="col-md-6">
                                    <div id="div_id_username" class="form-group required">

                                        <label for="id_username" class="control-label  requiredField"> Domain Name <span class="manitory">*</span> </label>
                                        <div class="url-msg "></div>

                                        <div class="controls col-md-12 ">
                                            <div class="row align-items-center">
                                                <div class="col-md-12">
                                                    <input chars="A-Za-z\\0-9_-" maxlength="30" class="form-control domain" name="domain_name"
                                                        placeholder="Enter Domain Name" style="margin-bottom: 10px"
                                                        type="text" value="{{ old('domain_name') }}"/>
                                                        @error('domain_name')
                                                        <div class="text-danger domain_name_error">{{ $message }}</div>
                                                        @enderror
                                                    <!--  -->
                                                </div>


                                            </div>

                                        </div>
                                    </div>
                                    <div>

                                    </div>
                                </div>

                                <div class="col-md-6" hidden>
                                    <div id="div_id_status" class="form-group required">

                                        <label for="id_status" class="control-label  requiredField"> Status <span class="manitory">*</span></label>
                                        <div class="url-msg "></div>

                                        <div class="controls col-md-12 ">
                                            <div class="row align-items-center">
                                                <div class="col-md-6">
                                                    <select class="js-select2" id="status" name="status">
                                                        <option value="1">Active</option>
                                                        <option value="2">Inactive</option>
                                                    </select>

                                                </div>


                                            </div>

                                        </div>
                                    </div>
                                    <div>

                                    </div>
                                </div>


                                    <div class="col-md-6">

                                        <div id="div_id_phone_number" class="form-group required">
                                            <label for="id_phone_number" class="control-label  requiredField"> Contact Number <span class="manitory">*</span> </label>
                                            <div class="controls col-md-12 ">
                                                <input maxlength="15" class="input-md form-control title-val title"
                                                    id="phone" name="phone_number" placeholder="Enter phone"
                                                    style="margin-bottom: 10px" type="text" value="{{ old('phone_number') }}"/>
                                                    @error('phone_number')
                                                    <div class="text-danger phone_number_error">{{ $message }}</div>
                                                    @enderror
                                            </div>
                                        </div>

                                    </div>

                            </div>

                            <div class="row">
                                <div class="col-md-12">

                                    <div id="div_id_address" class="form-group required">
                                        <label for="id_address" class="control-label  requiredField"> Address <span class="manitory">*</span> </label>
                                        <div class="controls col-md-12 ">
                                            <input  class="input-md form-control title-val title"
                                                id="address" name="address" placeholder="Enter address"
                                                style="margin-bottom: 10px" type="text" value="{{ old('address') }}"/>
                                                @error('address')
                                                <div class="text-danger address_error">{{ $message }}</div>
                                                @enderror
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="row">
                                {{-- <div class="col-md-4">

                                    <div id="div_id_phone_number" class="form-group required">
                                        <label for="id_phone_number" class="control-label  requiredField"> Contact Number <span class="manitory">*</span> </label>
                                        <div class="controls col-md-12 ">
                                            <input maxlength="15" class="input-md form-control title-val title"
                                                id="phone" name="phone_number" placeholder="Enter phone"
                                                style="margin-bottom: 10px" type="text" value="{{ old('phone_number') }}"/>
                                                @error('phone_number')
                                                <div class="text-danger phone_number_error">{{ $message }}</div>
                                                @enderror
                                        </div>
                                    </div>

                                </div> --}}
                                <div class="col-md-12">

                                    <div id="div_id_subscription" class="form-group required">
                                        <label for="id_subscription" class="control-label  requiredField"> Subscription Plan <span class="manitory">*</span> </label>
                                        <div class="controls col-md-12 ">
                                            {{-- <input maxlength="15" class="input-md form-control title-val title"
                                                id="phone" name="phone" placeholder="Enter phone"
                                                style="margin-bottom: 10px" type="text" value="{{ old('phone') }}"/> --}}
                                                {{-- <select class="form-control select" name="subscription" id="subscription">
                                                    <option value="">Select Plan</option>
                                                    @if ($subscription->isNotEmpty())
                                                        @foreach ($subscription as $subscribe)
                                                            <option value="{{ $subscribe->id  }}">{{ $subscribe->subscription_name }}</option>
                                                        @endforeach
                                                    @endif
                                                </select> --}}

                                                {{--     <div class="form-group d-flex ">
                                                    @if ($subscription->isNotEmpty())
                                                        @foreach ($subscription as $subscribe)
                                                            <div class="form-check mr-3" style="margin-right: 15px">
                                                                <input class="form-check-input" type="radio" name="subscription" id="subscription_{{ $subscribe->id }}" value="{{ $subscribe->id }}" {{ old('subscription') == $subscribe->id ? 'checked' : '' }}>
                                                                <label class="form-check-label" for="subscription_{{ $subscribe->id }}">
                                                                    {{ $subscribe->subscription_name .' - ₹'.$subscribe->price.'/'.$subscribe->duration_in.'Days' }}
                                                                </label>
                                                            </div>
                                                        @endforeach
                                                    @endif
                                                </div>  --}}

                                                <ul class="custom-radiosbtn">
                                                    @if ($subscription->isNotEmpty())
                                                        @foreach ($subscription as $subscribe)
                                                        <li class="plan-card">
                                                            <label class="radiossets" for="subscription_{{ $subscribe->id }}">
                                                                <div class="flex-plan">
                                                                    <div class="flex-title">
                                                                        <h4>{{ $subscribe->subscription_name }}</h4>
                                                                    </div>
                                                                    <p>{{ '₹'.$subscribe->price.'/'.$subscribe->duration_in.'Days' }}</p>
                                                                </div>
                                                                <input type="radio" name="subscription" id="subscription_{{ $subscribe->id }}" value="{{ $subscribe->id }}" {{ old('subscription') == $subscribe->id ? 'checked' : '' }}>
                                                                <span class="checkmark-radio"></span>
                                                            </label>
                                                        </li>
                                                        @endforeach
                                                    @endif
                                                </ul>                                                

                                                @error('subscription')
                                                <div class="text-danger subscription_error">{{ $message }}</div>
                                                @enderror

                                        </div>
                                    </div>

                                </div>
                            </div>

<hr>
                            <div class="row">
                                <div class="col-12 ">
                                    <label for="id_status" class="control-label  requiredField"> Module Permissions <span class="manitory">*</span> </label>
                                            <div class="table-resposnive role-table">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <!-- <th>#</th> -->
                                                    <th>Modules</th>
                                                    <th>Allow all</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $counter = 1;
                                                @endphp
                                                <div class="modules">
                                               <form method="POST" action=" ">
                                                @csrf

                                                    @foreach($permissions as $module)
                                                    <tr>
                                                        <!-- <td>{{ $counter }}</td> -->
                                                        <td class="mod-name">{{ $module->name }}</td>

                                                        <td>
                                                        <div class="module">
                                                            {{-- <label>
                                                            <input type="checkbox" name="modules[]" value="{{ $module->id }}" class="module-checkbox" data-module-id="{{ $module->id }}">
                                                            </label> --}}

                                                            <div class="active-switch">
                                                                <label class="switch">
                                                                <input type="checkbox" class="list-checkbox module-checkbox" name="modules[]" value="{{ $module->id }}" data-module-id="{{ $module->id }}">
                                                                    <span class="sliders round"></span>
                                                                </label>
                                                            </div>

                                                            <div class="submodules" id="submodules-{{ $module->id }}" style="display: none;">

                                                                <div class="flex-switch mt-2">
                                                                    @foreach($module->submodules as $submodule)
                                                                        <!-- <label style="margin-left: 20px;">
                                                                        {{ $submodule->name }}
                                                                        <input type="checkbox" name="submodules[]" value="{{ $submodule->id }}">
                                                                        </label> -->
                                                                        <div class="active-switch">
                                                                            <h5 class="mb-1">{{ $submodule->name }}</h5>
                                                                            <label class="switch">
                                                                            <input type="checkbox" name="submodules[]" value="{{ $submodule->id }}"
                                                                            class="list-checkbox" >
                                                                                <span class="sliders round"></span>
                                                                            </label>
                                                                        </div>
                                                                    @endforeach
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td> </tr>
                                                    @php
                                                        $counter++;
                                                    @endphp
                                                    @endforeach
                                            </tbody>
                                        </table>
                                        @error('modules')
                                        <div class="text-danger modules_error">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    </div>
                                </div>
                            </div>

                            <div class="btn-path text-center mt-4">
                                <button type="reset" class="btn btn-secondary me-3">Reset</button>

                                <button type="submit" class="btn btn-primary">Save
                                    Changes</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
    <script>
           document.addEventListener('DOMContentLoaded', function() {
            const moduleCheckboxes = document.querySelectorAll('.module-checkbox');
            moduleCheckboxes.forEach(checkbox => {
                checkbox.addEventListener('change', function() {
                    const moduleId = this.dataset.moduleId;
                    const submodulesDiv = document.getElementById(`submodules-${moduleId}`);
                    if (this.checked) {
                        submodulesDiv.style.display = 'block';
                        const submoduleCheckboxes = submodulesDiv.querySelectorAll('input[type="checkbox"]');
                        submoduleCheckboxes.forEach(subCheckbox => subCheckbox.checked = true);
                    } else {
                        submodulesDiv.style.display = 'none';
                        const submoduleCheckboxes = submodulesDiv.querySelectorAll('input[type="checkbox"]');
                        submoduleCheckboxes.forEach(subCheckbox => subCheckbox.checked = false);
                    }
                });
            });
        });

        $(document).ready(function() {
            $(".allowall").click(function() {
                if ($(this).prop('checked') == true) {
                    $(this).closest('tr').find('input.allow_access').prop('checked', true);
                } else {
                    $(this).closest('tr').find('input.allow_access').prop('checked', false);
                }
            });


        });
    </script>

    <!-- /Page Content -->
    <!--Add Form Ends-->
@endsection