@extends('includes.layouts.admin')
@section('page-title')
    Edit Sub Admin
@endsection
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1> Edit Sub Admin </h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
                        <li class="breadcrumb-item active">Edit Sub Admin </li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">

                    <div class="card card-primary">
                        <div class="card-body">
                            <form action="{{ route('admin.sub-admin.update', $user->id) }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                @method('PUT')
                                <div class="row">
                                    <div class="col-sm-4">
                                        <label for="">First Name&nbsp;<span class="mandetory">* </span></label>
                                        <input class="form-control @error('first_name') is-invalid @enderror" type="text" name="first_name" value="{{ $user->forename}}">
                                        @error('first_name')
                                            <div class="error" style="color:red;">{{ $message }}</div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-4">
                                        <label for="">Last Name&nbsp;<span class="mandetory">* </span></label>
                                        <input class="form-control @error('last_name') is-invalid @enderror" type="text" name="last_name" value="{{ $user->surname}}">
                                        @error('last_name')
                                            <div class="error" style="color:red;">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-sm-4">
                                        <label>Email&nbsp;<span class="mandetory">* </span></label>
                                        <span class="input-wrapper ">
                                            <input class="form-control @error('email') is-invalid @enderror" type="email" name="email" value="{{ $user->email}}" readonly>
                                            @error('email')
                                                <div class="error" style="color:red;">{{ $message }}</div>
                                            @enderror
                                        </span>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-sm-4">
                                        <label>Phone Number&nbsp;<span class="mandetory">* </span></label>
                                        <span class="input-wrapper ">
                                            <input class="form-control @error('phone') is-invalid @enderror" type="text" name="phone" value="{{ $user->phone_no}}">
                                            @error('phone')
                                                <div class="error" style="color:red;">{{ $message }}</div>
                                            @enderror
                                        </span>
                                    </div>
                                    <div class="col-sm-4">
                                        <label for="">Menu list</label>
                                            <select class="form-select" name="menu[]" id="multiple-select-field" data-placeholder="Choose anything" multiple>
                                                @foreach($menu_list as $key => $value)
                                                <option value={{$value->id}} @if(in_array($value->name,$permission_names)) selected  @endif>{{$value->name}}</option>
                                                @endforeach
                                            </select>
                                    </div>
                                </div>

                                <button class="btn btn_baseColor btn-sm mt-2" type="submit"
                                    onClick="this.form.submit(); this.disabled=true; this.innerText='Hold on...';"> &nbsp;&nbsp; Save &nbsp;&nbsp;
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
<script>
    $(document).ready(function(){
     $( '#multiple-select-field' ).select2( {
            theme: "bootstrap-5",
            width: $( this ).data( 'width' ) ? $( this ).data( 'width' ) : $( this ).hasClass( 'w-100' ) ? '100%' : 'style',
            placeholder: $( this ).data( 'placeholder' ),
            closeOnSelect: false,
        } );
    } );
</script>

@endsection