@extends('layouts.dashboard-app')

@section('main-content')
    <div class="content-body">
        <div class="container">
            <div class="row page-titles">
                <div class="col p-0">
                    <h4>Hello, <span>Welcome {{ auth()->user()->name }}</span></h4>

                </div>
                <div class="col p-0">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="javascript:void(0)">From</a>
                        </li>
                        <li class="breadcrumb-item active">Basic</li>
                    </ol>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            @if ($errors->any())
                                <div class="alert alert-danger" role="alert">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">×</span>
                                    </button>

                                    @foreach ($errors->all() as $error)
                                        {{ $error }}<br />
                                    @endforeach
                                </div>
                            @endif
                            <form class="form-horizontal form-label-left input_mask" method="post"
                                action="{{ route('admin.user.store') }}" enctype="multipart/form-data" autocomplete="off">
                                @csrf


                                <div class="form-group">
                                    <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Select
                                        User Type</label>
                                    <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                        <select name="utype" id="utype" class="form-control">
                                            <option value="" disabled selected>Select User Type</option>
                                            <option value="1">User/Agent</option>
                                            <option value="2">Driver/Processer</option>
                                        </select>
                                    </div>
                                </div>


                                <div class="container d-none" id="users">
                                    <!-- Plan name -->
                                    <div class="form-group">
                                        <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Agent
                                            Name</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input class="form-control" id="name" name="name"
                                                placeholder="Type Agent Name Here" type="text"
                                                value="{{ old('name') }}" autocomplete="off">
                                            {{-- <span class="fa fa-lock form-control-feedback left" aria-hidden="true"></span> --}}
                                        </div>

                                    </div>
                                    <div class="form-group">
                                        <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Select
                                            RC
                                            Code</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="text" name="rc_code" id="rc_code" class="form-control">
                                            {{-- <select name="rc_code" id="rc_code" class="rc_code form-control" >
                                    <option value="">Select RC Code</option>
                                    @foreach ($kioskid as $item)
                                        <option value="{{ $item->agency_id }}" @if (old('rc_code') == $item->agency_id) {{ 'selected' }} @endif>{{ $item->agency_id }}</option>
                                    @endforeach
                                    </select> --}}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Email</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input class="form-control" id="email" name="email"
                                                placeholder="Type Email Here" type="email" value="{{ old('email') }}">
                                            {{-- <span class="fa fa-lock form-control-feedback left" aria-hidden="true"></span> --}}
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Select
                                            Group</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <select name="agent_group" id="agent_group" class="form-control select2">
                                                <option value="" disabled selected>- Select Group -</option>
                                                @foreach ($CallCenter as $item)
                                                    <option value="{{ $item->call_center_code }}">
                                                        {{ $item->call_center_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Select
                                            Sub Group</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <select name="agent_sub_group" id="agent_sub_group"
                                                class="form-control select2">
                                                <option value="" disabled selected>- Select Sub Group -</option>
                                                @foreach ($SubCallCenter as $item)
                                                    <option value="{{ $item->sub_call_center_code }}">
                                                        {{ $item->sub_call_center_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Select
                                            Role</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <select name="role" id="role" class="form-control">
                                                @foreach ($role as $r)
                                                    <option value="{{ $r->name }}">{{ $r->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Select
                                            Emirate</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <select name="emirates" id="emirate" class="emirates form-control">
                                                <option value="">Select Emirates</option>
                                                @foreach ($emirates as $emirate)
                                                    <option value="{{ $emirate->name }}"
                                                        @if (old('emirates') == $emirate->name) {{ 'selected' }} @endif>
                                                        {{ $emirate->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>


                                    <div class="form-group" id="TeamLeaderDiv">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Select
                                            Team Leader</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <select name="teamleader" id="teamleader" class="form-control">
                                                <option value="">Select Team Leader</option>
                                                @foreach ($teamleader as $item)
                                                    <option value="{{ $item->id }}">{{ $item->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Personal Mobile
                                            Number</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="number" name="personal_mobile_num" id="personal_mobile_num"
                                                class="form-control" placeholder="Type Personal Mobile Number">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Cug
                                            Number</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="number" name="cug_number" id="cug_number" class="form-control"
                                                placeholder="Type Cug Number">
                                        </div>
                                    </div>

                                    <div class="form-group" id="">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Staff Name</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="text" name="staff_name" id="staff_name" class="form-control"
                                                placeholder="Type Staff Name">
                                        </div>
                                    </div>

                                    <div class="form-group" id="">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Passport Number</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="text" name="passport_number" id="passport_number"
                                                class="form-control" placeholder="Type Passport Number">
                                        </div>
                                    </div>

                                    <div class="form-group" id="">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Nationality</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <select name="nationality" id="nationality" class="form-control">
                                                <option value="">Select Nationality</option>
                                                @foreach ($countries as $country)
                                                    <option value="{{ $country->name }}">{{ $country->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>


                                    <div class="form-group" id="">
                                        <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Bank
                                            Account No</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="text" name="bank_account_no" id="bank_account_no"
                                                class="form-control" placeholder="Type Bank Account Number">
                                        </div>
                                    </div>


                                    <div class="form-group" id="">
                                        <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Bank
                                            Name</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="text" name="bank_name" id="bank_name" class="form-control"
                                                placeholder="Type Bank Name">
                                        </div>
                                    </div>


                                    <div class="form-group" id="">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Etisalat User ID</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="text" name="etisalat_user_id" id="etisalat_user_id"
                                                class="form-control" placeholder="Type Etisalat User ID">
                                        </div>
                                    </div>

                                    <div class="form-group" id="">
                                        <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Area
                                            Allocated</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="text" name="area_allocated" id="area_allocated"
                                                class="form-control" placeholder="Type Area Allocated">
                                        </div>
                                    </div>


                                    <br>

                                    <div class="row">

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="permissions">Permissions</label>
                                                @foreach ($permissions as $index => $pp)
                                                    <div class="col-md-12">
                                                        <input type="checkbox" name="permissions[]"
                                                            id="permission-{{ $index }}" class="permissions"
                                                            value="{{ $pp->name }}">
                                                        <label
                                                            for="permission-{{ $index }}">{{ $pp->name }}</label>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>


                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="Show Revenue">Show Revenue</label>
                                                @foreach ($permissions as $index => $pp)
                                                    <div class="col-md-12">
                                                        <input type="checkbox" name="revenue[]"
                                                            id="revenue-{{ $index }}" class="revenue"
                                                            style="display:none;">
                                                        <label for="revenue-{{ $index }}"
                                                            style="display:none;">Yes/No</label>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="Payout">Payout</label>
                                                @foreach ($permissions as $index => $pp)
                                                    <div class="col-md-12">
                                                        <input type="checkbox" name="Payout[]"
                                                            id="payout-{{ $index }}" class="payout"
                                                            style="display:none;">
                                                        <label for="payout-{{ $index }}"
                                                            style="display:none;">Yes/No</label>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>



                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="Payout_percentage_show">Payout Percentage</label>
                                                @foreach ($permissions as $index => $pp)
                                                    <div class="col-md-12">
                                                        <input type="input" name="payout_percentage_show[]"
                                                            id="payout-percentage-show-{{ $index }}"
                                                            class="payout-percentage-show" style="display:none;">
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>

                                    </div>









                                    <div class="form-group">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Password</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input class="form-control" id="inputSuccess3" name="password"
                                                placeholder="*********" type="password">
                                            {{-- <span class="fa fa-lock form-control-feedback left" aria-hidden="true"></span> --}}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Confirm
                                            Password</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input class="form-control" id="inputSuccess3" name="password_confirmation"
                                                placeholder="*********" type="password">
                                            {{-- <span class="fa fa-lock form-control-feedback left" aria-hidden="true"></span> --}}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="profile_pic">Profile Picture</label>
                                        <input type="file" name="img" id="profile_pic" class="form-control-file">
                                        <img id="myImg" src="{{ asset('assets/images/logoic.png') }}"
                                            alt="your image" style="width:25%" />
                                    </div>

                                    <!--  #7-->
                                    <div class="ln_solid"></div>
                                    <div class="form-group">
                                        <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
                                            <!-- <button type="button" class="btn btn-primary">Can cel</button> -->
                                            <button class="btn btn-primary" type="reset">Reset</button>
                                            <button type="submit" class="btn btn-success" name="upload">Submit</button>
                                        </div>
                                    </div>

                                </div>

                                <div class="container d-none" id="drivers">
                                    <!-- Plan name -->
                                    <div class="form-group">

                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Driver Name</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input class="form-control" id="driver_name" name="driver_name"
                                                placeholder="Type Driver Name Here" type="text"
                                                value="{{ old('driver_name') }}" autocomplete="off">
                                            {{-- <span class="fa fa-lock form-control-feedback left" aria-hidden="true"></span> --}}
                                        </div>

                                    </div>

                                    <div class="form-group">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Personal Mobile
                                            Number</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="number" name="driver_personal_mobile_num"
                                                id="driver_personal_mobile_num" class="form-control"
                                                placeholder="Type Personal Mobile Number">
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Cug
                                            Number</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="number" name="driver_cug_number" id="driver_cug_number"
                                                class="form-control" placeholder="Type Cug Number">
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Area
                                            Assign</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <select name="driver_area_assign" id="driver_area_assign"
                                                class="form-control select2">
                                                @foreach ($area_assign as $item)
                                                    <option value="{{ $item->id }}">
                                                        {{ $item->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Select RC Code</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="text" name="driver_rc_code" id="driver_rc_code"
                                                class="form-control">
                                            {{-- <select name="rc_code" id="rc_code" class="rc_code form-control" >
                                    <option value="">Select RC Code</option>
                                    @foreach ($kioskid as $item)
                                        <option value="{{ $item->agency_id }}" @if (old('rc_code') == $item->agency_id) {{ 'selected' }} @endif>{{ $item->agency_id }}</option>
                                    @endforeach
                                    </select> --}}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Email</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input class="form-control" id="driver_email" name="driver_email"
                                                placeholder="Type Email Here" type="email"
                                                value="{{ old('driver_email') }}">
                                            {{-- <span class="fa fa-lock form-control-feedback left" aria-hidden="true"></span> --}}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Select
                                            Group</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <select name="driver_agent_group" id="driver_agent_group"
                                                class="form-control select2">
                                                @foreach ($CallCenter as $item)
                                                    <option value="{{ $item->call_center_code }}">
                                                        {{ $item->call_center_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Select
                                            Sub Group</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <select name="driver_agent_sub_group" id="driver_agent_sub_group"
                                                class="form-control select2">
                                                @foreach ($SubCallCenter as $item)
                                                    <option value="{{ $item->sub_call_center_code }}">
                                                        {{ $item->sub_call_center_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Select
                                            Role</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <select name="driver_role" id="driver_role" class="form-control">
                                                <option value="" disabled selected>Select Role</option>
                                                <option value="Processor">Processor</option>

                                                {{-- @foreach ($role as $r)
                                                    <option value="{{ $r->name }}">{{ $r->name }}</option>
                                                @endforeach --}}
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Select
                                            Emirate</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <select name="driver_emirates" id="driver_emirates"
                                                class="emirates form-control">
                                                <option value="">Select Emirates</option>
                                                @foreach ($emirates as $emirate)
                                                    <option value="{{ $emirate->name }}"
                                                        @if (old('driver_emirates') == $emirate->name) {{ 'selected' }} @endif>
                                                        {{ $emirate->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>


                                    <div class="form-group" id="">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Staff Name</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="text" name="driver_staff_name" id="driver_staff_name"
                                                class="form-control" placeholder="Type Staff Name">
                                        </div>
                                    </div>

                                    <div class="form-group" id="">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Passport Number</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="text" name="driver_passport_number"
                                                id="driver_passport_number" class="form-control"
                                                placeholder="Type Passport Number">
                                        </div>
                                    </div>

                                    <div class="form-group" id="">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Nationality</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <select name="driver_nationality" id="driver_nationality"
                                                class="form-control">
                                                <option value="">Select Nationality</option>
                                                @foreach ($countries as $country)
                                                    <option value="{{ $country->name }}">{{ $country->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>


                                    <div class="form-group" id="">
                                        <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Bank
                                            Account No</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="text" name="driver_bank_account_no"
                                                id="driver_bank_account_no" class="form-control"
                                                placeholder="Type Bank Account Number">
                                        </div>
                                    </div>


                                    <div class="form-group" id="">
                                        <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Bank
                                            Name</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="text" name="driver_bank_name" id="driver_bank_name"
                                                class="form-control" placeholder="Type Bank Name">
                                        </div>
                                    </div>


                                    <div class="form-group" id="">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Etisalat User ID</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="text" name="driver_etisalat_user_id"
                                                id="driver_etisalat_user_id" class="form-control"
                                                placeholder="Type Etisalat User ID">
                                        </div>
                                    </div>

                                    <div class="form-group" id="">
                                        <label for="localminutes" class="control-label col-md-12 col-sm-12 col-xs-12">Area
                                            Allocated</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input type="text" name="driver_area_allocated" id="driver_area_allocated"
                                                class="form-control" placeholder="Type Area Allocated">
                                        </div>
                                    </div>



                                    <div class="form-group">
                                        <label for="permissions">Permissions</label>
                                        @foreach ($permissions as $pp)
                                            <div class="col-md-12">
                                                <input type="checkbox" name="permissions[]" class="permission-checkbox"
                                                    value="{{ $pp->name }}">
                                                <label>{{ $pp->name }}</label>
                                            </div>
                                        @endforeach
                                    </div>


                                    <div class="form-group">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Password</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input class="form-control" id="driver_password" name="driver_password"
                                                placeholder="*********" type="password">
                                            {{-- <span class="fa fa-lock form-control-feedback left" aria-hidden="true"></span> --}}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="localminutes"
                                            class="control-label col-md-12 col-sm-12 col-xs-12">Confirm
                                            Password</label>
                                        <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                            <input class="form-control" id="driver_password_confirmation"
                                                name="driver_password_confirmation" placeholder="*********"
                                                type="password">
                                            {{-- <span class="fa fa-lock form-control-feedback left" aria-hidden="true"></span> --}}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="profile_pic">Profile Picture</label>
                                        <input type="file" name="img" id="profile_pic" class="form-control-file">
                                        <img id="myImg" src="{{ asset('assets/images/logoic.png') }}"
                                            alt="your image" style="width:25%" />
                                    </div>


                                    <!--  #7-->
                                    <div class="ln_solid"></div>
                                    <div class="form-group">
                                        <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
                                            <!-- <button type="button" class="btn btn-primary">Can cel</button> -->
                                            <button class="btn btn-primary" type="reset">Reset</button>
                                            <button type="submit" class="btn btn-success" name="upload">Submit</button>
                                        </div>
                                    </div>

                                </div>
                        </div>
                        </form>
                    </div>
                </div>
            </div>

        </div>

    </div>
    <!-- #/ container -->
    </div>
@endsection
<!-- jQuery Library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<script>
    $(document).ready(function() {
        // $('.permissions').on('click', function() {
        //     var index = $(this).attr('id').split('-')[1];
        //     stop when index is 6
        //     if ($(this).is(':checked')) {
        //         $('#revenue-' + index).show().siblings('label[for="revenue-' + index + '"]').show();
        //     } else {
        //         $('#revenue-' + index).hide().siblings('label[for="revenue-' + index + '"]').hide();
        //         $('#payout-' + index).hide().siblings('label[for="payout-' + index + '"]').hide();
        //         $('#payout-percentage-show-' + index).hide();
        //     }
        // });

        // $('.revenue').on('click', function() {
        //     var index = $(this).attr('id').split('-')[1];
        //     if ($(this).is(':checked')) {
        //         $('#payout-' + index).show().siblings('label[for="payout-' + index + '"]').show();
        //     } else {
        //         $('#payout-' + index).hide().siblings('label[for="payout-' + index + '"]').hide();
        //         $('#payout-percentage-show-' + index).hide();
        //     }
        // });

        // $('.payout').on('click', function() {
        //     var index = $(this).attr('id').split('-')[1];
        //     if ($(this).is(':checked')) {
        //         $('#payout-percentage-show-' + index).show();
        //     } else {
        //         $('#payout-percentage-show-' + index).hide();
        //     }
        // });

        $('.permissions').on('click', function() {
            var index = $(this).attr('id').split('-')[1];

            // Allow the code to run only for indexes 0 through 5
            if (index < 0 || index > 5) return;

            if ($(this).is(':checked')) {
                $('#revenue-' + index).show().siblings('label[for="revenue-' + index + '"]').show();
            } else {
                $('#revenue-' + index).hide().siblings('label[for="revenue-' + index + '"]').hide();
                $('#payout-' + index).hide().siblings('label[for="payout-' + index + '"]').hide();
                $('#payout-percentage-show-' + index).hide();
            }
        });

        $('.revenue').on('click', function() {
            var index = $(this).attr('id').split('-')[1];

            // Allow the code to run only for indexes 0 through 5
            if (index < 0 || index > 5) return;

            if ($(this).is(':checked')) {
                $('#payout-' + index).show().siblings('label[for="payout-' + index + '"]').show();
            } else {
                $('#payout-' + index).hide().siblings('label[for="payout-' + index + '"]').hide();
                $('#payout-percentage-show-' + index).hide();
            }
        });

        $('.payout').on('click', function() {
            var index = $(this).attr('id').split('-')[1];

            // Allow the code to run only for indexes 0 through 5
            if (index < 0 || index > 5) return;

            if ($(this).is(':checked')) {
                $('#payout-percentage-show-' + index).show();
            } else {
                $('#payout-percentage-show-' + index).hide();
            }
        });

    });
</script>