Current File : //home/tradevaly/public_html/resources/views/backend/pages/userManagement/admin/create.blade.php

@extends('backend.ayaan.master')

@push('title') Add new Admin @endpush
@section('css')
    <!-- select2 css -->
    <link href="{{ asset('/assets/libs/select2/select2.min.css') }}" rel="stylesheet" type="text/css" />

    <!-- dropzone css -->
    <link href="{{ asset('/assets/libs/dropzone/dropzone.min.css') }}" rel="stylesheet" type="text/css" />
    <style>
        .image_preview_container {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 280px));
  justify-content: center;
  padding: 25px;
}
.image_preview_container img {
  width: 100%;
  border: 1px solid #0001;
  box-shadow: 0 2px 15px #0001, 0 2px 8px #0001;
  border-radius: 4px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
    </style>
@endsection
@section('content')

    @component('components.breadcrumb')
        @slot('li_1') Dashboards @endslot
        @slot('title') Create New Admin @endslot
    @endcomponent

    <div class="row">
    <div class="col-md-12">
       <div class="card">
                <div class="card-body">

                    <h4 class="card-title">Create New Admin</h4>
                    <p class="card-title-desc">Fill all information below</p>

                     <form action="{{route('admin.user_namagement.admin.admin_store') }}" method="POST">
                         @csrf
                        <div class="row">
                             <div class="col-sm-6">
                                    <div class="mb-3">
                                        <label for="metadescription">{{translate('Name')}}</label>
                                         <input id="metatitle" name="name" type="text" class="form-control" required>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="mb-3">
                                        <label for="metadescription">{{translate('Mobile Number')}}</label>
                                         <input id="metatitle" name="phone" type="number" class="form-control" required>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="mb-3">
                                        <label for="metadescription">{{translate('Email')}}</label>
                                         <input id="metatitle" name="email" type="email" class="form-control" required>
                                    </div>
                                </div>
                            <div class="col-lg-6">
                               <div class="form-check form-check-end">
                                   <select class="form-select" name="role_id">
                            @foreach($roles as $role)
                                       <option value="{{ $role->id }}">{{ $role->name }}</option>
                        @endforeach
                                   </select>
                                </div>
                            </div>
                        <div class="col-sm-6">
                                    <div class="mb-3">
                                        <label for="metadescription">{{translate('Password')}}</label>
                                         <input id="metatitle" name="password" type="password" class="form-control" required>
                                    </div>
                                </div> <div class="col-sm-6">
                                    <div class="mb-3">
                                        <label for="metadescription">{{translate('Confirm Password')}}</label>
                                         <input id="metatitle" name="password_confirmation" type="password" class="form-control" required>
                                    </div>
                        
                        </div>

                        <div class="d-flex flex-wrap gap-2">
                            <button type="submit" class="btn btn-primary waves-effect waves-light">Save Changes</button>
                            <a href="{{ route('admin.user_namagement.role.index') }}" class="btn btn-secondary waves-effect waves-light">Cancel</a>
                        </div>
                    </form>

                </div>
            </div> 
        
    </div>
  </div>
      
@stop

@section('script')

@endsection