@extends('layouts.admin.index')
@section('content')
<div class="row row-sm">
    <div class="col-md-12 col-xl-12 col-xs-12 col-sm-12">
        <div class="card border custom-card">
            <div class="card-header custom-card-header">
                <h5 class="main-content-label mb-0">
                    {{ trans('cruds.create') }} {{ trans('cruds.user') }}
                </h5>
                <div class="card-options">
                    <a href="javascript:;" class="card-options-collapse py-0" data-bs-toggle="card-collapse"><i
                            class="fe fe-chevron-up"></i></a>
                    <a href="javascript:;" class="card-options-fullscreen py-0" data-bs-toggle="card-fullscreen"><i
                            class="fe fe-maximize"></i></a>
                    <a href="javascript:;" class="card-options-remove py-0" data-bs-toggle="card-remove"><i
                            class="fe fe-x"></i></a>
                </div>
            </div>
            <div class="card-body">
                <form action="{{ route("admin.users.store") }}" method="POST" enctype="multipart/form-data">
                    @csrf

                    <!-- 1st row  -->
                    <div class="row">
                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start {{ $errors->has('user_code') ? 'has-error' : '' }}">
                                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                                <label for="user_code">{{ trans('cruds.user_code') }} (<span
                                class="required">*</span>)</label>
                                </div>
                                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7 text-left">
                                <input type="text" id="user_code" name="user_code"  data-model="User" data-prefix="USR" data-update_id="{{ isset($user) ? $user->user_code : 0 }}"  class="form-control unique_code"
                                    value="{{ old('user_code', isset($user) ? $user->user_code : '') }}" required>
                                @if($errors->has('user_code'))
                                <em class="invalid-feedback">
                                    {{ $errors->first('user_code') }}
                                </em>
                                @endif
                                </div>
                                </div>
                        </div>

                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start {{ $errors->has('roles') ? 'has-error' : '' }}">
                                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                                <label for="roles">{{ trans('cruds.user_role') }} (<span class="required">*</span>)
                                    
                                    </label>
                                </div>
                                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7 text-left">
                                <select name="roles[]" id="roles" class="form-control " required>
                                    <option value="">--Select--</option>
                                    @foreach($roles as $id => $roles)
                                    <option value="{{ $id }}"
                                        {{ (in_array($id, old('roles', [])) || isset($user) && $user->roles->contains($id)) ? 'selected' : '' }}>
                                        {{ $roles }}
                                    </option>
                                    @endforeach
                                </select>
                                @if($errors->has('roles'))
                                <em class="invalid-feedback">
                                    {{ $errors->first('roles') }}
                                </em>
                                @endif
                                </div>
                                </div>
                        </div>
                    </div>

                    <!-- 2nd row  -->
                    <div class="row">
                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start {{ $errors->has('name') ? 'has-error' : '' }} ">
                                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                                <label for="name">{{ trans('cruds.user_name') }} (<span
                                class="required">*</span>)</label>
                                </div>
                                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7 text-left">
                                <input type="text" id="name" name="name" class="form-control"
                                    value="{{ old('name', isset($user) ? $user->name : '') }}" required>
                                @if($errors->has('name'))
                                <em class="invalid-feedback">
                                    {{ $errors->first('name') }}
                                </em>
                                @endif
                                </div>
                                </div>
                        </div>

                        <div class="col-sm-12 col-md-6 col-xl-6 col-lg-6 ">
                            <div class="row d-flex align-items-center justify-content-start {{ $errors->has('branch_id') ? 'has-error' : '' }}">
                                <div class="col-md-5 col-sm-12 col-lg-5 col-xl-5 text-left">
                                <label for="branch_id">{{ trans('cruds.branch') }} (<span
                                        class="required">*</span>)
                                </label>
                                </div>
                                <div class="col-md-7 col-sm-12 col-lg-7 col-xl-7 text-left">
                                <select id="branch_id" name="branch_id" class="form-control " required>