@extends('layouts.app')
@section('title', 'Edit Super Admin user')
@section('content')
<style>
  @media (max-width: 576px) {
  .box-footer .btn {
    font-size: 14px;
    padding: 6px 10px;
  }
}
  </style>
    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box">
                <div class="box-header with-border">            
              <h4 class="box-title"><i class="fa fa-user fa-sx"></i> Edit Super Admin User</h4>            
           <a id="openLabelForm" href="{{ url('/super-admins') }}"class="waves-effect waves-light btn btn-rounded btn-primary btn-bitbucket btn-sm mb-5"style="float:right;"><i class="fa fa-eye"></i> Show Super Admin</a>
            </div>
                    <div class="box-body">
                         <form method="post" name="userform" id="userform" >
                            @csrf

                            <div class="modal-body">
                    
                               <div class="col-md-6">
                            <div class="form-group">
                              <label class="form-label">Clients Name <span style="color:red;"></span></label>
                              <select class="select2" multiple="multiple" name="clients_name[]" autocomplete="off" data-placeholder="Select Group" style="width: 100%;">

                                @foreach($clients as $list)
                                     <option    @if(in_array($list->company_name, $mapping))  selected  @endif value="{{$list->id}}">{{$list->company_name}}</option>
                                @endforeach;
                              </select>
                            </div>
                            <!-- /.form-group -->

                            <!-- /.form-group -->
                          </div>


                    </div>
                   
                    <div class="form-group m-b-10">

                    <div style="clear: both"></div>
                </div>
                <div class="box-footer d-flex justify-content-center justify-content-md-end flex-wrap gap-2">

  <a href="/super-admins" 
     class="btn btn-danger waves-effect waves-light d-flex align-items-center">
    <i class="fa fa-reply fa-lg me-1"></i> Cancel
  </a>

  <a onclick="window.location.reload();" 
     class="btn btn-warning waves-effect waves-light d-flex align-items-center">
    <i class="fa fa-refresh fa-lg me-1"></i> Reset
  </a>

  <button type="submit" 
          name="submit" 
          value="add" 
          class="btn btn-primary waves-effect waves-light d-flex align-items-center">
    <i class="fa fa-check-square-o fa-lg me-1"></i> Update
  </button>

</div>

                <!-- <div class="box-footer text-end">
                    <input type="hidden" name="extension" value="" id="extension-edit-id"/>
                   <a href="/super-admins" type="button" class="btn btn btn-danger waves-effect waves-light" data-dismiss="modal"><i class="fa fa-reply fa-lg"></i> Cancel</a>

                   <a onclick="window.location.reload();" type="button" class="btn btn btn-warning waves-effect waves-light" data-dismiss="modal"><i class="fa fa-refresh fa-lg"></i> Reset</a>

                    <button type="submit" name ="submit" value="add" class="btn btn btn-primary waves-effect waves-light"><i class="fa fa-check-square-o fa-lg"></i> Update</button>
                </div> -->
            </form>
                    </div><!-- /.box-body -->
                </div><!-- /.box -->


            </div><!-- /.col -->
        </div><!-- /.row -->
    </section><!-- /.content -->




@endsection