@role('superadministrator')
<div>
    <div class="right_col" role="main">
        <div class="">
          <div class="page-title">
            <div class="title_left">
              <h5 class="text-primary font-weight-bolder">{{ __('Manage Account') }}</h5>
            </div>

            <div class="title_right">

            </div>
          </div>

          <div class="clearfix"></div>

          <div class="row">
            <!-- form input mask -->
            <div class="col-md-12 col-sm-12  ">
              <div class="x_panel">

                <div class="x_content">
                    <div class="form-group row" wire:ignore>
                        <div class="col-md-12 col-sm-12 col-xs-12 ml-2">
                            <label for="heard">Select User Type<strong class="text-danger font-weight-bolder">*</strong></label>
                            <select class="form-control  @error('roleName') is-invalid
                                @enderror" wire:model.lazy='roleName' style="width: 100%;">
                                <option value="" selected>Choose User Type</option>
                                @foreach ((array)json_decode($roles, true) as $roleItems)
                                @if($roleItems['name'] != 'patient' AND $roleItems['name'] != 'clinician' AND $roleItems['name'] != 'user' AND $roleItems['name'] != 'superadministrator')
                                 <option value="{{ $roleItems['name'] }}">{{ $roleItems['display_name'] }}</option>
                                @endif
                                @endforeach
                            </select>
                            @error('roleName')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    @if($roleName == 'md')
                        @if(count((array)json_decode($clinicData, true)) > 0)
                        <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                            <div class="form-group row">
                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label for="heard">Select Medical Doctor Clinic<strong class="text-danger">*</strong></label>
                                <select id="heard" class="form-control @error('clinicID') is-invalid
                                    @enderror" wire:model.lazy='clinicID'>

                                    <option value="" selected>Select Clinic</option>
                                    @foreach ((array)json_decode($clinicData, true) as $regionItems)
                                    <option value="{{ $regionItems['clinic_id'] }}">{{ $regionItems['c_name'] }}</option>
                                    @endforeach
                                </select>
                                @error('clinicID')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>First Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                                    is-invalid
                                    @enderror" placeholder="First Name..">
                                    @error('fname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                            </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Middle Name</label>
                                    <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                                    is-invalid
                                    @enderror" placeholder="Middle Name..">
                                    @error('mname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Last Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                    is-invalid
                                    @enderror" placeholder="Last Name">
                                    @error('lname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                        <label>MD Email</label>
                                        <input wire:model.lazy='email' type="text" class="form-control @error('email')
                                        is-invalid
                                        @enderror" placeholder="Clinic Email">
                                        @error('email')
                                        <span class="invalid-feedback font-weight-bolder" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>MD Phone Number</label>
                                    <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                                    is-invalid
                                    @enderror" placeholder="Medical Officer Phone">
                                    @error('phone')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="pt-2 pb-2 bg-white action-buttons d-flex justify-content-between align-content-center">

                                <button type='submit' class='btn btn-md btn-sm btn-primary' id="submit-btn"><i class="fa fa-save mr-1"></i>

                                    <span  wire.target="AddUser()" wire:loading.remove>Save</span>
                                    <span wire:loading wire.target="AddUser()">Please Wait..</span>

                                </button>
                                <div class="loader" wire:loading wire.target="AddUser()">
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                </div>
                                <div class="loader" wire:loading.remove></div>
                            </div>

                        </form>
                        @else
                        <div class="row">
                            <div class="col-md-12">
                                <div class="alert alert-danger">
                                    <p>
                                        No Clinic Registered <br>
                                        <a href="{{ route('superadmin.clinic.create') }}" class="btn btn-link text-white">{{ __('Click Here To Register Clinic') }}</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        @endif
                    @endif
                    
                    @if($roleName == 'xt')
                        @if(count((array)json_decode($clinicData, true)) > 0)
                            <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                                <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label for="heard">Select Medical Doctor Clinic<strong class="text-danger">*</strong></label>
                                    <select id="heard" class="form-control @error('clinicID') is-invalid
                                        @enderror" wire:model.lazy='clinicID'>

                                        <option value="" selected>Select Clinic</option>
                                        @foreach ((array)json_decode($clinicData, true) as $regionItems)
                                        <option value="{{ $regionItems['clinic_id'] }}">{{ $regionItems['c_name'] }}</option>
                                        @endforeach
                                    </select>
                                    @error('clinicID')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                        <label>First Name<strong class="text-danger">*</strong></label>
                                        <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                                        is-invalid
                                        @enderror" placeholder="First Name..">
                                        @error('fname')
                                        <span class="invalid-feedback font-weight-bolder" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-md-6 col-sm-6 col-xs-6">
                                        <label>Middle Name</label>
                                        <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                                        is-invalid
                                        @enderror" placeholder="Middle Name..">
                                        @error('mname')
                                        <span class="invalid-feedback font-weight-bolder" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror

                                    </div>

                                    <div class="col-md-6 col-sm-6 col-xs-6">
                                        <label>Last Name<strong class="text-danger">*</strong></label>
                                        <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                        is-invalid
                                        @enderror" placeholder="Last Name">
                                        @error('lname')
                                        <span class="invalid-feedback font-weight-bolder" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-md-6 col-sm-6 col-xs-6">
                                            <label>MD Email</label>
                                            <input wire:model.lazy='email' type="text" class="form-control @error('email')
                                            is-invalid
                                            @enderror" placeholder="Clinic Email">
                                            @error('email')
                                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror

                                    </div>

                                    <div class="col-md-6 col-sm-6 col-xs-6">
                                        <label>MD Phone Number</label>
                                        <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                                        is-invalid
                                        @enderror" placeholder="Medical Officer Phone">
                                        @error('phone')
                                        <span class="invalid-feedback font-weight-bolder" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="pt-2 pb-2 bg-white action-buttons d-flex justify-content-between align-content-center">

                                    <button type='submit' class='btn btn-md btn-sm btn-primary' id="submit-btn"><i class="fa fa-save mr-1"></i>

                                        <span  wire.target="AddUser()" wire:loading.remove>Save</span>
                                        <span wire:loading wire.target="AddUser()">Please Wait..</span>

                                    </button>
                                    <div class="loader" wire:loading wire.target="AddUser()">
                                        <div class="dots"></div>
                                        <div class="dots"></div>
                                        <div class="dots"></div>
                                        <div class="dots"></div>
                                        <div class="dots"></div>
                                    </div>
                                    <div class="loader" wire:loading.remove></div>
                                </div>

                            </form>
                            @else
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="alert alert-danger">
                                        <p>
                                            No Clinic Registered <br>
                                            <a href="{{ route('superadmin.clinic.create') }}" class="btn btn-link text-white">{{ __('Click Here To Register Clinic') }}</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        @endif
                    @endif
                    @if($roleName == 'dmo')
                    <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                    <div class="form-group row">
                        <div class="col-md-6 col-sm-6 col-xs-6">
                        <label for="heard">Select Region</label>
                        <select id="heard" class="form-control @error('regionID') is-invalid
                            @enderror" wire:model.lazy='regionID'>

                            <option value="" selected>Select Region</option>
                            @foreach ((array)json_decode($regionData, true) as $regionItems)
                            <option value="{{ $regionItems['region_id'] }}">{{ $regionItems['name'] }}</option>
                            @endforeach
                        </select>
                        @error('regionID')
                        <span class="invalid-feedback font-weight-bolder" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror

                        </div>

                    @php
                        $districtData = getDistrictByRegion($regionID);
                    @endphp

                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <label for="heard">Select District</label>
                        <select id="heard" class="form-control @error('districtID') is-invalid
                            @enderror" wire:model='districtID'>

                            <option value="" selected>Select DIstrict</option>
                            @foreach ($districtData as $regionItems)
                            <option value="{{ $regionItems['district_id'] }}">{{ $regionItems['name'] }}</option>
                            @endforeach
                        </select>
                        @error('districtID')
                        <span class="invalid-feedback font-weight-bolder" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>First Name</label>
                                <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                                is-invalid
                                @enderror" placeholder="Enter First Name..">
                                @error('fname')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror

                        </div>

                        <div class="col-md-6 col-sm-6 col-xs-6">
                            <label>Middle Name</label>
                            <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                            is-invalid
                            @enderror" placeholder="Enter Middle Name..">
                            @error('mname')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>Last Name</label>
                                <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                is-invalid
                                @enderror" placeholder="Enter Last Name..">
                                @error('lname')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror

                        </div>

                        <div class="col-md-6 col-sm-6 col-xs-6">
                            <label>Phone Number</label>
                            <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                            is-invalid
                            @enderror" placeholder="Enter DMO Phone Number">
                            @error('phone')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-12">
                            <label for="email">EMail</label>
                            <input wire:model.lazy='email' type="email" class="form-control @error('email')
                            is-invalid
                            @enderror" placeholder="Enter DMO email">
                            @error('email')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-12">
                            <button class="btn btn-success">{{ __('Submit') }}</button>
                        </div>
                    </div>
                    </form>
                    @endif

                    @if($roleName == 'administrator')
                    <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                    <div class="form-group row">
                        <div class="col-md-6 col-sm-6 col-xs-6">
                        <label for="heard">Select CLinic Name</label>
                        <select id="heard" class="form-control @error('clinicID') is-invalid
                            @enderror" wire:model.lazy='clinicID'>

                            <option value="" selected>Choose Clinic</option>
                            @foreach ((array)json_decode($clinicData, true) as $clinicItem)
                            <option value="{{ $clinicItem['clinic_id'] }}">{{ $clinicItem['c_name'] }}</option>
                            @endforeach
                        </select>
                        @error('clinicID')
                        <span class="invalid-feedback font-weight-bolder" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror

                        </div>


                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <label>First Name<strong class="text-danger font-weight-bolder">*</strong></label>
                        <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                        is-invalid
                        @enderror" placeholder="First Name.">
                        @error('fname')
                        <span class="invalid-feedback font-weight-bolder" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6 col-sm-6 col-xs-6">
                            <label>Middle Name</label>
                            <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                            is-invalid
                            @enderror" placeholder="Middle Name.">
                            @error('mname')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>

                        <div class="col-md-6 col-sm-6 col-xs-6">
                            <label>Last Name<strong class="text-danger font-weight-bolder">*</strong></label>
                            <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                            is-invalid
                            @enderror" placeholder="Last Name">
                            @error('lname')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>Email<strong class="text-danger font-weight-bolder">*</strong></label>
                                <input wire:model.lazy='email' type="text" class="form-control @error('email')
                                is-invalid
                                @enderror" placeholder="Email">
                                @error('email')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror

                        </div>

                        <div class="col-md-6 col-sm-6 col-xs-6">
                            <label>Phone Number<strong class="text-danger font-weight-bolder">*</strong></label>
                            <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                            is-invalid
                            @enderror" placeholder="Phone">
                            @error('phone')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="pt-2 pb-2 bg-white action-buttons d-flex justify-content-between align-content-center">

                        <button type='submit' class='btn btn-md btn-sm btn-primary' id="submit-btn"><i class="fa fa-save mr-1"></i>

                            <span  wire.target="AddUser()" wire:loading.remove>Save</span>
                            <span wire:loading wire.target="AddUser()">Please Wait..</span>

                        </button>
                        <div class="loader" wire:loading wire.target="AddUser()">
                            <div class="dots"></div>
                            <div class="dots"></div>
                            <div class="dots"></div>
                            <div class="dots"></div>
                            <div class="dots"></div>
                        </div>
                        <div class="loader" wire:loading.remove></div>
                    </div>

                    </form>
                    @endif

                    @if($roleName == 'dtc')
                    <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                    <div class="form-group row">
                        <div class="col-md-6 col-sm-6 col-xs-6">
                        <label for="heard">Select Region</label>
                        <select id="heard" class="form-control @error('regionID') is-invalid
                            @enderror" wire:model.lazy='regionID'>

                            <option value="" selected>Select Region</option>
                            @foreach ((array)json_decode($regionData, true) as $regionItems)
                            <option value="{{ $regionItems['region_id'] }}">{{ $regionItems['name'] }}</option>
                            @endforeach
                        </select>
                        @error('regionID')
                        <span class="invalid-feedback font-weight-bolder" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror

                        </div>

                    @php
                        $districtData = getDistrictByRegion($regionID);
                    @endphp

                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <label for="heard">Select District</label>
                        <select id="heard" class="form-control @error('districtID') is-invalid
                            @enderror" wire:model='districtID'>

                            <option value="" selected>Select DIstrict</option>
                            @foreach ($districtData as $regionItems)
                            <option value="{{ $regionItems['district_id'] }}">{{ $regionItems['name'] }}</option>
                            @endforeach
                        </select>
                        @error('districtID')
                        <span class="invalid-feedback font-weight-bolder" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>First Name</label>
                                <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                                is-invalid
                                @enderror" placeholder="Enter First Name..">
                                @error('fname')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror

                        </div>

                        <div class="col-md-6 col-sm-6 col-xs-6">
                            <label>Middle Name</label>
                            <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                            is-invalid
                            @enderror" placeholder="Enter Middle Name..">
                            @error('mname')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>Last Name</label>
                                <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                is-invalid
                                @enderror" placeholder="Enter Last Name..">
                                @error('lname')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror

                        </div>

                        <div class="col-md-6 col-sm-6 col-xs-6">
                            <label>Phone Number</label>
                            <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                            is-invalid
                            @enderror" placeholder="Enter DC Phone Number">
                            @error('phone')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-12">
                            <label for="email">EMail</label>
                            <input wire:model.lazy='email' type="email" class="form-control @error('email')
                            is-invalid
                            @enderror" placeholder="Enter DC email">
                            @error('email')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    <div class="pt-2 pb-2 bg-white action-buttons d-flex justify-content-between align-content-center">

                        <button type='submit' class='btn btn-md btn-sm btn-primary' id="submit-btn"><i class="fa fa-save mr-1"></i>

                            <span  wire.target="AddUser()" wire:loading.remove>Save</span>
                            <span wire:loading wire.target="AddUser()">Please Wait..</span>

                        </button>
                        <div class="loader" wire:loading wire.target="AddUser()">
                            <div class="dots"></div>
                            <div class="dots"></div>
                            <div class="dots"></div>
                            <div class="dots"></div>
                            <div class="dots"></div>
                        </div>
                        <div class="loader" wire:loading.remove></div>
                    </div>

                    </form>
                    @endif

                    @if($roleName == 'rc')
                    <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                        <div class="form-group row">
                            <div class="col-md-6 col-sm-6 col-xs-6">
                            <label for="heard">Select Region</label>
                            <select id="heard" class="form-control @error('regionID') is-invalid
                                @enderror" wire:model.lazy='regionID'>

                                <option value="" selected>Select Region</option>
                                @foreach ((array)json_decode($regionData, true) as $regionItems)
                                <option value="{{ $regionItems['region_id'] }}">{{ $regionItems['name'] }}</option>
                                @endforeach
                            </select>
                            @error('regionID')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror

                            </div>


                            <div class="col-md-6 col-sm-6 col-xs-6">
                            <label>First Name</label>
                            <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                            is-invalid
                            @enderror" placeholder="Enter First Name..">
                            @error('fname')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror

                            </div>

                        </div>

                        <div class="form-group row">

                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>Middle Name</label>
                                <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                                is-invalid
                                @enderror" placeholder="Enter Middle Name..">
                                @error('mname')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>Last Name</label>
                                <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                is-invalid
                                @enderror" placeholder="Enter Last Name..">
                                @error('lname')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror

                            </div>
                        </div>

                        <div class="form-group row">

                            <div class="col-md-6">
                                <label for="email">EMail</label>
                                <input wire:model.lazy='email' type="email" class="form-control @error('email')
                                is-invalid
                                @enderror" placeholder="Enter RC email">
                                @error('email')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>Phone Number</label>
                                <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                                is-invalid
                                @enderror" placeholder="Enter RC Phone Number">
                                @error('phone')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-md-12">
                                <button class="btn btn-success">{{ __('Submit') }}</button>
                            </div>
                        </div>
                    </form>
                    @endif


                    @if($roleName == 'rmo')
                    <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                        <div class="form-group row">
                            <div class="col-md-6 col-sm-6 col-xs-6">
                            <label for="heard">Select Region</label>
                            <select id="heard" class="form-control @error('regionID') is-invalid
                                @enderror" wire:model.lazy='regionID'>

                                <option value="" selected>Select Region</option>
                                @foreach ((array)json_decode($regionData, true) as $regionItems)
                                <option value="{{ $regionItems['region_id'] }}">{{ $regionItems['name'] }}</option>
                                @endforeach
                            </select>
                            @error('regionID')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror

                            </div>


                            <div class="col-md-6 col-sm-6 col-xs-6">
                            <label>First Name</label>
                            <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                            is-invalid
                            @enderror" placeholder="Enter First Name..">
                            @error('fname')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror

                            </div>

                        </div>

                        <div class="form-group row">

                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>Middle Name</label>
                                <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                                is-invalid
                                @enderror" placeholder="Enter Middle Name..">
                                @error('mname')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>Last Name</label>
                                <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                is-invalid
                                @enderror" placeholder="Enter Last Name..">
                                @error('lname')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror

                            </div>
                        </div>

                        <div class="form-group row">

                            <div class="col-md-6">
                                <label for="email">EMail</label>
                                <input wire:model.lazy='email' type="email" class="form-control @error('email')
                                is-invalid
                                @enderror" placeholder="Enter RC email">
                                @error('email')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>Phone Number</label>
                                <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                                is-invalid
                                @enderror" placeholder="Enter RC Phone Number">
                                @error('phone')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-md-12">
                                <button class="btn btn-success">{{ __('Submit') }}</button>
                            </div>
                        </div>
                    </form>
                    @endif

                    @if($roleName == 'rtc')
                    <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                        <div class="form-group row">
                            <div class="col-md-6 col-sm-6 col-xs-6">
                            <label for="heard">Select Region</label>
                            <select id="heard" class="form-control @error('regionID') is-invalid
                                @enderror" wire:model.lazy='regionID'>

                                <option value="" selected>Select Region</option>
                                @foreach ((array)json_decode($regionData, true) as $regionItems)
                                <option value="{{ $regionItems['region_id'] }}">{{ $regionItems['name'] }}</option>
                                @endforeach
                            </select>
                            @error('regionID')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror

                            </div>


                            <div class="col-md-6 col-sm-6 col-xs-6">
                            <label>First Name</label>
                            <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                            is-invalid
                            @enderror" placeholder="Enter First Name..">
                            @error('fname')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror

                            </div>

                        </div>

                        <div class="form-group row">

                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>Middle Name</label>
                                <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                                is-invalid
                                @enderror" placeholder="Enter Middle Name..">
                                @error('mname')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>Last Name</label>
                                <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                is-invalid
                                @enderror" placeholder="Enter Last Name..">
                                @error('lname')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror

                            </div>
                        </div>

                        <div class="form-group row">

                            <div class="col-md-6">
                                <label for="email">EMail</label>
                                <input wire:model.lazy='email' type="email" class="form-control @error('email')
                                is-invalid
                                @enderror" placeholder="Enter  email">
                                @error('email')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>Phone Number</label>
                                <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                                is-invalid
                                @enderror" placeholder="Enter  Phone Number">
                                @error('phone')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="pt-2 pb-2 bg-white action-buttons d-flex justify-content-between align-content-center">

                            <button type='submit' class='btn btn-md btn-sm btn-primary' id="submit-btn"><i class="fa fa-save mr-1"></i>

                                <span  wire.target="AddUser()" wire:loading.remove>Save</span>
                                <span wire:loading wire.target="AddUser()">Please Wait..</span>

                            </button>
                            <div class="loader" wire:loading wire.target="AddUser()">
                                <div class="dots"></div>
                                <div class="dots"></div>
                                <div class="dots"></div>
                                <div class="dots"></div>
                                <div class="dots"></div>
                            </div>
                            <div class="loader" wire:loading.remove></div>
                        </div>

                    </form>
                    @endif

                    @if($roleName == 'laboratoryspecialist')
                    @if(count((array)json_decode($clinicData, true)) > 0)
                        <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                <label for="heard">Select Medical Doctor Clinic<strong class="text-danger">*</strong></label>
                                <select id="heard" class="form-control @error('clinicID') is-invalid
                                    @enderror" wire:model.lazy='clinicID'>

                                    <option value="" selected>Select Clinic</option>
                                    @foreach ((array)json_decode($clinicData, true) as $regionItems)
                                    <option value="{{ $regionItems['clinic_id'] }}">{{ $regionItems['c_name'] }}</option>
                                    @endforeach
                                </select>
                                @error('clinicID')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>First Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                                    is-invalid
                                    @enderror" placeholder="First Name..">
                                    @error('fname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Middle Name</label>
                                    <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                                    is-invalid
                                    @enderror" placeholder="Middle Name..">
                                    @error('mname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Last Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                    is-invalid
                                    @enderror" placeholder="Last Name">
                                    @error('lname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                        <label>Email</label>
                                        <input wire:model.lazy='email' type="text" class="form-control @error('email')
                                        is-invalid
                                        @enderror" placeholder="Enter Account Email">
                                        @error('email')
                                        <span class="invalid-feedback font-weight-bolder" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Phone Number</label>
                                    <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                                    is-invalid
                                    @enderror" placeholder="Enter Phone number">
                                    @error('phone')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="pt-2 pb-2 bg-white action-buttons d-flex justify-content-between align-content-center">

                                <button type='submit' class='btn btn-md btn-sm btn-primary' id="submit-btn"><i class="fa fa-save mr-1"></i>

                                    <span  wire.target="AddUser()" wire:loading.remove>Save</span>
                                    <span wire:loading wire.target="AddUser()">Please Wait..</span>

                                </button>
                                <div class="loader" wire:loading wire.target="AddUser()">
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                </div>
                                <div class="loader" wire:loading.remove></div>
                            </div>
                        </form>
                    @else
                    <div class="row">
                        <div class="col-md-12">
                            <div class="alert alert-danger">
                                <p>
                                    No Clinic Registered <br>
                                    <a href="{{ route('superadmin.clinic.create') }}" class="btn btn-link text-white">{{ __('Click Here To Register Clinic') }}</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    @endif
                    @endif

                    @if($roleName == 'ltc')
                    @if(count((array)json_decode($clinicData, true)) > 0)
                    <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                        <div class="form-group row">
                            <div class="col-md-6 col-sm-6 col-xs-6">
                            <label for="heard">Select Medical Doctor Clinic<strong class="text-danger">*</strong></label>
                            <select id="heard" class="form-control @error('clinicID') is-invalid
                                @enderror" wire:model.lazy='clinicID'>

                                <option value="" selected>Select Clinic</option>
                                @foreach ((array)json_decode($clinicData, true) as $regionItems)
                                <option value="{{ $regionItems['clinic_id'] }}">{{ $regionItems['c_name'] }}</option>
                                @endforeach
                            </select>
                            @error('clinicID')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>First Name<strong class="text-danger">*</strong></label>
                                <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                                is-invalid
                                @enderror" placeholder="First Name..">
                                @error('fname')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>Middle Name</label>
                                <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                                is-invalid
                                @enderror" placeholder="Middle Name..">
                                @error('mname')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror

                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>Last Name<strong class="text-danger">*</strong></label>
                                <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                is-invalid
                                @enderror" placeholder="Last Name">
                                @error('lname')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Email</label>
                                    <input wire:model.lazy='email' type="text" class="form-control @error('email')
                                    is-invalid
                                    @enderror" placeholder="Enter Account Email">
                                    @error('email')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror

                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-6">
                                <label>Phone Number</label>
                                <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                                is-invalid
                                @enderror" placeholder="Enter Phone number">
                                @error('phone')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <div class="pt-2 pb-2 bg-white action-buttons d-flex justify-content-between align-content-center">

                            <button type='submit' class='btn btn-md btn-sm btn-primary' id="submit-btn"><i class="fa fa-save mr-1"></i>

                                <span  wire.target="AddUser()" wire:loading.remove>Save</span>
                                <span wire:loading wire.target="AddUser()">Please Wait..</span>

                            </button>
                            <div class="loader" wire:loading wire.target="AddUser()">
                                <div class="dots"></div>
                                <div class="dots"></div>
                                <div class="dots"></div>
                                <div class="dots"></div>
                                <div class="dots"></div>
                            </div>
                            <div class="loader" wire:loading.remove></div>
                        </div>

                    </form>

                    @else
                    <div class="row">
                        <div class="col-md-12">
                            <div class="alert alert-danger">
                                <p>
                                    No Clinic Registered <br>
                                    <a href="{{ route('superadmin.clinic.create') }}" class="btn btn-link text-white">{{ __('Click Here To Register Clinic') }}</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    @endif
                    @endif

                    @if($roleName == 'po')
                    @if(count((array)json_decode($clinicData, true)) > 0)
                        <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                <label for="heard">Select Medical Doctor Clinic<strong class="text-danger">*</strong></label>
                                <select id="heard" class="form-control @error('clinicID') is-invalid
                                    @enderror" wire:model.lazy='clinicID'>

                                    <option value="" selected>Select Clinic</option>
                                    @foreach ((array)json_decode($clinicData, true) as $regionItems)
                                    <option value="{{ $regionItems['clinic_id'] }}">{{ $regionItems['c_name'] }}</option>
                                    @endforeach
                                </select>
                                @error('clinicID')
                                <span class="invalid-feedback font-weight-bolder" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>First Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                                    is-invalid
                                    @enderror" placeholder="First Name..">
                                    @error('fname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Middle Name</label>
                                    <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                                    is-invalid
                                    @enderror" placeholder="Middle Name..">
                                    @error('mname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Last Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                    is-invalid
                                    @enderror" placeholder="Last Name">
                                    @error('lname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                        <label>Email</label>
                                        <input wire:model.lazy='email' type="text" class="form-control @error('email')
                                        is-invalid
                                        @enderror" placeholder="Enter Account Email">
                                        @error('email')
                                        <span class="invalid-feedback font-weight-bolder" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Phone Number</label>
                                    <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                                    is-invalid
                                    @enderror" placeholder="Enter Phone number">
                                    @error('phone')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="pt-2 pb-2 bg-white action-buttons d-flex justify-content-between align-content-center">

                                <button type='submit' class='btn btn-md btn-sm btn-primary' id="submit-btn"><i class="fa fa-save mr-1"></i>

                                    <span  wire.target="AddUser()" wire:loading.remove>Save</span>
                                    <span wire:loading wire.target="AddUser()">Please Wait..</span>

                                </button>
                                <div class="loader" wire:loading wire.target="AddUser()">
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                </div>
                                <div class="loader" wire:loading.remove></div>
                            </div>

                        </form>
                    @else
                    <div class="row">
                        <div class="col-md-12">
                            <div class="alert alert-danger">
                                <p>
                                    No Clinic Registered <br>
                                    <a href="{{ route('superadmin.clinic.create') }}" class="btn btn-link text-white">{{ __('Click Here To Register Clinic') }}</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    @endif
                    @endif

                    @if($roleName == 'poster')
                    <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">


                        <div class="form-group row">
                            <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Email</label>
                                    <input wire:model.lazy='email' type="text" class="form-control @error('email')
                                    is-invalid
                                    @enderror" placeholder="Enter Account Email">
                                    @error('email')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror

                            </div>
                        </div>

                        <div class="pt-2 pb-2 bg-white action-buttons d-flex justify-content-between align-content-center">

                            <button type='submit' class='btn btn-md btn-sm btn-primary' id="submit-btn"><i class="fa fa-save mr-1"></i>

                                <span  wire.target="AddUser()" wire:loading.remove>Save</span>
                                <span wire:loading wire.target="AddUser()">Please Wait..</span>

                            </button>
                            <div class="loader" wire:loading wire.target="AddUser()">
                                <div class="dots"></div>
                                <div class="dots"></div>
                                <div class="dots"></div>
                                <div class="dots"></div>
                                <div class="dots"></div>
                            </div>
                            <div class="loader" wire:loading.remove></div>
                        </div>

                    </form>
                @endif

                </div>
              </div>
            </div>
            <!-- /form input mask -->

          </div>
        </div>
    </div>
</div>
@endrole

@role('administrator')

<div>
    <div class="right_col" role="main">
        <div class="">
          <div class="page-title">
            <div class="title_left">
              <h5 class="text-primary font-weight-bolder">{{ __('Manage Account') }}</h5>
            </div>

            <div class="title_right">

            </div>
          </div>

          <div class="clearfix"></div>

          <div class="row">
            <!-- form input mask -->
            <div class="col-md-12 col-sm-12  ">
              <div class="x_panel">

                <div class="x_content">
                    <div class="form-group row" wire:ignore>
                        <div class="col-md-12 col-sm-12 col-xs-12 ml-2">
                            <label for="heard">Select User Type<strong class="text-danger font-weight-bolder">*</strong></label>
                            <select class="form-control  @error('roleName') is-invalid
                                @enderror" wire:model.lazy='roleName' style="width: 100%;">
                                <option value="" selected>Choose User Type</option>
                                @foreach ((array)json_decode($roles, true) as $roleItems)
                                @if($roleItems['name'] != 'patient' AND $roleItems['name'] != 'administrator'
                                AND $roleItems['name'] != 'user' AND $roleItems['name'] != 'superadministrator' 
                                AND $roleItems['name'] != 'dmo' AND $roleItems['name'] != 'rmo' 
                                AND $roleItems['name'] != 'rtc' AND $roleItems['name'] != 'dtc' AND $roleItems['name'] != 'rc')
                                 <option value="{{ $roleItems['name'] }}">{{ $roleItems['display_name'] }}</option>
                                @endif
                                @endforeach
                            </select>
                            @error('roleName')
                            <span class="invalid-feedback font-weight-bolder" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    @if($roleName == 'md')
                        @if(count((array)json_decode($clinicData, true)) > 0)
                        <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                            <div class="form-group row">

                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <label>First Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                                    is-invalid
                                    @enderror" placeholder="First Name..">
                                    @error('fname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Middle Name</label>
                                    <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                                    is-invalid
                                    @enderror" placeholder="Middle Name..">
                                    @error('mname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Last Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                    is-invalid
                                    @enderror" placeholder="Last Name">
                                    @error('lname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                        <label>Email</label>
                                        <input wire:model.lazy='email' type="text" class="form-control @error('email')
                                        is-invalid
                                        @enderror" placeholder="Enter Account Email">
                                        @error('email')
                                        <span class="invalid-feedback font-weight-bolder" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Phone Number</label>
                                    <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                                    is-invalid
                                    @enderror" placeholder="Enter Phone number">
                                    @error('phone')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="pt-2 pb-2 bg-white action-buttons d-flex justify-content-between align-content-center">

                                <button type='submit' class='btn btn-md btn-sm btn-primary' id="submit-btn"><i class="fa fa-save mr-1"></i>

                                    <span  wire.target="AddUser()" wire:loading.remove>Save</span>
                                    <span wire:loading wire.target="AddUser()">Please Wait..</span>

                                </button>
                                <div class="loader" wire:loading wire.target="AddUser()">
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                </div>
                                <div class="loader" wire:loading.remove></div>
                            </div>

                        </form>

                        @else
                        <div class="row">
                            <div class="col-md-12">
                                <div class="alert alert-danger">
                                    <p>
                                        No Clinic Registered <br>
                                        <a href="{{ route('superadmin.clinic.create') }}" class="btn btn-link text-white">{{ __('Click Here To Register Clinic') }}</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        @endif
                    @endif

                    @if($roleName == 'administrator')
                        @if(count((array)json_decode($clinicData, true)) > 0)
                        <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                            <div class="form-group row">

                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <label>First Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                                    is-invalid
                                    @enderror" placeholder="First Name..">
                                    @error('fname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Middle Name</label>
                                    <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                                    is-invalid
                                    @enderror" placeholder="Middle Name..">
                                    @error('mname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Last Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                    is-invalid
                                    @enderror" placeholder="Last Name">
                                    @error('lname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                        <label>Email</label>
                                        <input wire:model.lazy='email' type="text" class="form-control @error('email')
                                        is-invalid
                                        @enderror" placeholder="Enter Account Email">
                                        @error('email')
                                        <span class="invalid-feedback font-weight-bolder" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Phone Number</label>
                                    <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                                    is-invalid
                                    @enderror" placeholder="Enter Phone number">
                                    @error('phone')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="pt-2 pb-2 bg-white action-buttons d-flex justify-content-between align-content-center">

                                <button type='submit' class='btn btn-md btn-sm btn-primary' id="submit-btn"><i class="fa fa-save mr-1"></i>

                                    <span  wire.target="AddUser()" wire:loading.remove>Save</span>
                                    <span wire:loading wire.target="AddUser()">Please Wait..</span>

                                </button>
                                <div class="loader" wire:loading wire.target="AddUser()">
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                </div>
                                <div class="loader" wire:loading.remove></div>
                            </div>

                        </form>

                        @else
                        <div class="row">
                            <div class="col-md-12">
                                <div class="alert alert-danger">
                                    <p>
                                        No Clinic Registered <br>
                                        <a href="{{ route('superadmin.clinic.create') }}" class="btn btn-link text-white">{{ __('Click Here To Register Clinic') }}</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        @endif
                    @endif

                    @if($roleName == 'ls')
                        @if(count((array)json_decode($clinicData, true)) > 0)
                        <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                            <div class="form-group row">

                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <label>First Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                                    is-invalid
                                    @enderror" placeholder="First Name..">
                                    @error('fname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Middle Name</label>
                                    <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                                    is-invalid
                                    @enderror" placeholder="Middle Name..">
                                    @error('mname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Last Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                    is-invalid
                                    @enderror" placeholder="Last Name">
                                    @error('lname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                        <label>Email</label>
                                        <input wire:model.lazy='email' type="text" class="form-control @error('email')
                                        is-invalid
                                        @enderror" placeholder="Enter Account Email">
                                        @error('email')
                                        <span class="invalid-feedback font-weight-bolder" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Phone Number</label>
                                    <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                                    is-invalid
                                    @enderror" placeholder="Enter Phone number">
                                    @error('phone')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="pt-2 pb-2 bg-white action-buttons d-flex justify-content-between align-content-center">

                                <button type='submit' class='btn btn-md btn-sm btn-primary' id="submit-btn"><i class="fa fa-save mr-1"></i>

                                    <span  wire.target="AddUser()" wire:loading.remove>Save</span>
                                    <span wire:loading wire.target="AddUser()">Please Wait..</span>

                                </button>
                                <div class="loader" wire:loading wire.target="AddUser()">
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                </div>
                                <div class="loader" wire:loading.remove></div>
                            </div>

                        </form>

                        @else
                        <div class="row">
                            <div class="col-md-12">
                                <div class="alert alert-danger">
                                    <p>
                                        No Clinic Registered <br>
                                        <a href="{{ route('superadmin.clinic.create') }}" class="btn btn-link text-white">{{ __('Click Here To Register Clinic') }}</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        @endif
                    @endif

                    @if($roleName == 'ltc')
                        @if(count((array)json_decode($clinicData, true)) > 0)
                        <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                            <div class="form-group row">

                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <label>First Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                                    is-invalid
                                    @enderror" placeholder="First Name..">
                                    @error('fname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Middle Name</label>
                                    <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                                    is-invalid
                                    @enderror" placeholder="Middle Name..">
                                    @error('mname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Last Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                    is-invalid
                                    @enderror" placeholder="Last Name">
                                    @error('lname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                        <label>Email</label>
                                        <input wire:model.lazy='email' type="text" class="form-control @error('email')
                                        is-invalid
                                        @enderror" placeholder="Enter Account Email">
                                        @error('email')
                                        <span class="invalid-feedback font-weight-bolder" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Phone Number</label>
                                    <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                                    is-invalid
                                    @enderror" placeholder="Enter Phone number">
                                    @error('phone')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="pt-2 pb-2 bg-white action-buttons d-flex justify-content-between align-content-center">

                                <button type='submit' class='btn btn-md btn-sm btn-primary' id="submit-btn"><i class="fa fa-save mr-1"></i>

                                    <span  wire.target="AddUser()" wire:loading.remove>Save</span>
                                    <span wire:loading wire.target="AddUser()">Please Wait..</span>

                                </button>
                                <div class="loader" wire:loading wire.target="AddUser()">
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                </div>
                                <div class="loader" wire:loading.remove></div>
                            </div>

                        </form>

                        @else
                        <div class="row">
                            <div class="col-md-12">
                                <div class="alert alert-danger">
                                    <p>
                                        No Clinic Registered <br>
                                        <a href="{{ route('superadmin.clinic.create') }}" class="btn btn-link text-white">{{ __('Click Here To Register Clinic') }}</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        @endif
                    @endif

                    @if($roleName == 'po')
                        @if(count((array)json_decode($clinicData, true)) > 0)
                        <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                            <div class="form-group row">

                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <label>First Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                                    is-invalid
                                    @enderror" placeholder="First Name..">
                                    @error('fname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Middle Name</label>
                                    <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                                    is-invalid
                                    @enderror" placeholder="Middle Name..">
                                    @error('mname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Last Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                    is-invalid
                                    @enderror" placeholder="Last Name">
                                    @error('lname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                        <label>Email</label>
                                        <input wire:model.lazy='email' type="text" class="form-control @error('email')
                                        is-invalid
                                        @enderror" placeholder="Enter Account Email">
                                        @error('email')
                                        <span class="invalid-feedback font-weight-bolder" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Phone Number</label>
                                    <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                                    is-invalid
                                    @enderror" placeholder="Enter Phone number">
                                    @error('phone')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="pt-2 pb-2 bg-white action-buttons d-flex justify-content-between align-content-center">

                                <button type='submit' class='btn btn-md btn-sm btn-primary' id="submit-btn"><i class="fa fa-save mr-1"></i>

                                    <span  wire.target="AddUser()" wire:loading.remove>Save</span>
                                    <span wire:loading wire.target="AddUser()">Please Wait..</span>

                                </button>
                                <div class="loader" wire:loading wire.target="AddUser()">
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                </div>
                                <div class="loader" wire:loading.remove></div>
                            </div>

                        </form>

                        @else
                        <div class="row">
                            <div class="col-md-12">
                                <div class="alert alert-danger">
                                    <p>
                                        No Clinic Registered <br>
                                        <a href="{{ route('superadmin.clinic.create') }}" class="btn btn-link text-white">{{ __('Click Here To Register Clinic') }}</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        @endif
                    @endif

                    @if($roleName == 'xt')
                        @if(count((array)json_decode($clinicData, true)) > 0)
                        <form wire:submit.prevent='AddUser()' class="form-horizontal form-label-left">

                            <div class="form-group row">

                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <label>First Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='fname' type="text" class="form-control @error('fname')
                                    is-invalid
                                    @enderror" placeholder="First Name..">
                                    @error('fname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Middle Name</label>
                                    <input wire:model.lazy='mname' type="text" class="form-control @error('mname')
                                    is-invalid
                                    @enderror" placeholder="Middle Name..">
                                    @error('mname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Last Name<strong class="text-danger">*</strong></label>
                                    <input wire:model.lazy='lname' type="text" class="form-control @error('lname')
                                    is-invalid
                                    @enderror" placeholder="Last Name">
                                    @error('lname')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                        <label>Email</label>
                                        <input wire:model.lazy='email' type="text" class="form-control @error('email')
                                        is-invalid
                                        @enderror" placeholder="Enter Account Email">
                                        @error('email')
                                        <span class="invalid-feedback font-weight-bolder" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror

                                </div>

                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <label>Phone Number</label>
                                    <input wire:model.lazy='phone' type="number" class="form-control @error('phone')
                                    is-invalid
                                    @enderror" placeholder="Enter Phone number">
                                    @error('phone')
                                    <span class="invalid-feedback font-weight-bolder" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="pt-2 pb-2 bg-white action-buttons d-flex justify-content-between align-content-center">

                                <button type='submit' class='btn btn-md btn-sm btn-primary' id="submit-btn"><i class="fa fa-save mr-1"></i>

                                    <span  wire.target="AddUser()" wire:loading.remove>Save</span>
                                    <span wire:loading wire.target="AddUser()">Please Wait..</span>

                                </button>
                                <div class="loader" wire:loading wire.target="AddUser()">
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                    <div class="dots"></div>
                                </div>
                                <div class="loader" wire:loading.remove></div>
                            </div>

                        </form>

                        @else
                        <div class="row">
                            <div class="col-md-12">
                                <div class="alert alert-danger">
                                    <p>
                                        No Clinic Registered <br>
                                        <a href="{{ route('superadmin.clinic.create') }}" class="btn btn-link text-white">{{ __('Click Here To Register Clinic') }}</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        @endif
                    @endif

                </div>
              </div>
            </div>
          </div>
        </div>
    </div>
</div>
@endrole

@include('layouts.inc.global_loader')