@extends('admin.layout.app')
@section('title', 'Add User')
@push('custom_css')
<link rel="stylesheet" href="{{ asset('assets/js/loader/waitMe.css') }}">
@endpush
@section('content')
<div class="row">
<div class="col-12">
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
<h4 class="mb-sm-0">Add User</h4>
<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">Dashboard</a></li>
<li class="breadcrumb-item active">Add user</li>
</ol>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header align-items-center d-flex">
<h4 class="card-title mb-0 flex-grow-1">Add User</h4>
</div><!-- end card header -->
<div class="card-body">
<form id="users_form" data-post-uri="{{route('admin.users.store')}}">
<div class="row gy-4 mb-3">
<div class="col-md-12">
<div>
<label for="placeholderInput" class="form-label">Full Name</label>
<input type="text" class="form-control" placeholder="Enter user's name" name="name">
</div>
</div>
<!--end col-->
</div>
<div id="wrapper">
<div class="row gy-4 align-items-end d-flex mb-3">
<div class="col-md-6">
<div>
<label for="placeholderInput" class="form-label">Email</label>
<input type="email" class="form-control" placeholder="Enter email address"
name="email">
</div>
</div>
<div class="col-md-6">
<div>
<label for="placeholderInput" class="form-label">Username</label>
<input type="text" class="form-control" placeholder="Enter username"
name="username">
</div>
</div>
</div>
<div class="row gy-4 align-items-end d-flex mb-3">
<div class="col-md-6">
<div>
<label for="placeholderInput" class="form-label">Password</label>
<input type="password" class="form-control" placeholder="Enter user's password"
name="password">
</div>
</div>
<div class="col-md-6">
<div>
<label for="placeholderInput" class="form-label">Confirm Password</label>
<input type="password" class="form-control" placeholder="Confirm user's password"
name="password_confirmation">
</div>
</div>
</div>
</div>
<div class="row gy-4 align-items-end d-flex mb-2">
<div class="col-md-6">
<div>
<label for="placeholderInput" class="form-label">Permissions</label>
<div class="form-check mb-2">
<input class="form-check-input rights" type="checkbox" id="dashboard" name="rights[]"
value="1">
<label class="form-check-label" for="dashboard">
Dashboard
</label>
<div class="wrap">
<div class="time_area">
</div>
</div>
</div>
<div class="form-check mb-2">
<input class="form-check-input rights" type="checkbox" id="news" name="rights[]"
value="2">
<label class="form-check-label" for="news">
News & Podcasts
</label>
<div class="wrap">
<div class="time_area">
</div>
</div>
</div>
<div class="form-check mb-2">
<input class="form-check-input rights" type="checkbox" id="schedule" name="rights[]"
value="3">
<label class="form-check-label" for="schedule">
Programme Schedule
</label>
<div class="wrap">
<div class="time_area">
</div>
</div>
</div>
<div class="form-check mb-2">
<input class="form-check-input rights" type="checkbox" id="images" name="rights[]"
value="5">
<label class="form-check-label" for="images">
App Images
</label>
<div class="wrap">
<div class="time_area">
</div>
</div>
</div>
<div class="form-check mb-2">
<input class="form-check-input rights" type="checkbox" id="sunday" name="rights[]"
value="7">
<label class="form-check-label" for="sunday">
Users
</label>
<div class="wrap">
<div class="time_area">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-10">
<button type="submit" class="btn btn-primary float-end users_btn" id="submit">Submit</button>
</div>
</div>
</form>
</div>
</div>
@endsection
@push('custom_scripts')
<script src="{{ asset('assets/js/loader/waitMe.js') }}"></script>
<script src="{{asset('assets/js/custom/users.js')}}"></script>
@endpush