@extends('layouts.master')
@section('content')

 <style>
     .form-switch .form-check-input:checked {
             border-color: #08441d;
             background-color: #1d8943;
         }
 </style>
<div class="container-fluid py-4">
    <div class="row">
        <div class="col-12 text-center">
            <div class="multisteps-form mb-5">

            @if ($message = Session::get('success'))
              <div class="alert alert-success" role="alert">{{ $message }}</div>
     @elseif ($message = Session::get('error'))
     <div class="alert alert-danger" role="alert">{{ $message }}</div>
     @endif
     @if ($errors->any())
         <div class="alert alert-danger">
             <ul>
                 @foreach ($errors->all() as $error)
                     <li>{{ $error }}</li>
                 @endforeach
             </ul>
         </div>
     @endif
     
     <form action="{{route('subAdmin.store')}}" method="POST">
{{ csrf_field() }}

<div class="col-lg-12 mt-lg-0 mt-4">


<div class="card mt-4" id="basic-info">
<div class="card-header">
<h5>Add Sub-Admin</h5>
</div>


<div class="card-body pt-0">
<div class="row">
<div class="col-6">
<div class="input-group input-group-static">
<label>First Name</label>
<input type="text" class="form-control" placeholder="First Name" onfocus="focused(this)" onfocusout="defocused(this)"name="first_name" value="{{old('first_name')}}">
</div>
</div>
<div class="col-6">
<div class="input-group input-group-static">
<label>Last Name</label>
<input type="text" class="form-control" placeholder="Last Name" onfocus="focused(this)" onfocusout="defocused(this)" name="last_name"  value="{{old('last_name')}}">
</div>
</div>


</div>
<div class="row mt-3">
<div class="col-6">
<div class="input-group input-group-static">
<label>Phone Number</label>
<input type="number" class="form-control" placeholder="0334 631 6204" onfocus="focused(this)" onfocusout="defocused(this)"name="contact_no"  value="{{old('contact_no')}}">
</div>
</div>
<div class="col-6">
<div class="input-group input-group-static">
<label>Email</label>
<input type="email" class="form-control" placeholder="example@email.com" onfocus="focused(this)" onfocusout="defocused(this)"  name="email"  value="{{old('email')}}">
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-6">
<div class="input-group input-group-static">
<label>Password</label>
<input type="password" class="form-control" onfocus="focused(this)" onfocusout="defocused(this)"name="password" >
</div>
</div>
<div class="col-6">
<div class="input-group input-group-static">
<label>confirm Password</label>
<input type="password" class="form-control" onfocus="focused(this)" onfocusout="defocused(this)"  name="password_confirmation">
</div>
</div>
</div>

<div class="row mt-3">
<div class="col-12">
    <h5 class="mb-0">Permissions</h5>
<table class="table table-flush dataTable-table" id="products-list">
<tbody>
    @php
    $permission = Config::get('constant.admin_permission');
    @endphp
    
    @foreach ($permission as $key=>$value)
        <tr>
            <td>
                <div class="d-flex">
                <div class="form-check my-auto">
                <input class="form-check-input "type='checkbox' name="permission[]" value='{{$key}}'> &nbsp;&nbsp;&nbsp;  {{$value}}</input>
                </div>
                </div>
            </td>
        </tr>
    @endforeach
</tbody>

</table>

<div class="row mt-3">
<div class="card-body pt-0">
<button class="btn bg-gradient-dark btn-sm float-end mt-3 mb-0" type="submit">Submit</button>
</div>


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


</form>

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

@endsection