@extends('panel.layouts.master')
@section('title',"ایجاد کاربر")
@section('breadcrumb',"ایجاد کاربر")

@section('content')
    @include('panel.layouts.sidebar')
    <section class="edit-shop">
        <main class="main-content">

            <div class="card">
                <div class="card-body">
                    <h6 class="card-title">ایجاد کاربر</h6>
                    <form action="{{route('users.store')}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="name">نام و نام خانوادگی</label>
                                <input type="text" name="name" class="form-control" value="{{old('name')}}">
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="phone">شماره موبایل</label>
                                <input type="text" name="phone" class="form-control" value="{{old('phone')}}">
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="roles">نقش</label>
                                <select name="roles" class="js-example-basic-single" multiple>
                                    @foreach (App\Models\User::RULES as $key => $item)
                                    <option value="{{ $key }}">{{ $item }}</option>
                                @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3">
                            <div class="form-group">
                                <label for="avatar">عکس</label>
                                <div class="custom-file">
                                    <input type="file" name="avatar" class="custom-file-input" id="customFile">
                                    <label class="custom-file-label" for="customFile">انتخاب فایل</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-12">
                            <button type="submit" class="btn btn-success btn-uppercase">
                                <i class="fas fa-check m-r-5"></i> ذخیره
                            </button>
                        </div>
                    </div>
                </form>
                </div>
            </div>
        </main>

    </section>
@endsection
@section('script')
<script type="text/javascript">
$('.js-example-basic-single').select2();
</script>
@endsection