@extends('layouts.admin')
@section('page_title')
@parent
افزودن کاربر
@endsection

@section('main')

  <div class="header">
    <h2>افزودن کاربر</h2>
    <div class="breadcrumb-wrapper">
      <ol class="breadcrumb">
        <li><a href="/admin/dashboard">پیشخوان</a></li>
        <li class="active"><a href="کاربران">افزودن کاربر</a></li>
      </ol>
    </div>
    @include('admin.error')
  </div>
{!! Form::open(['url' => '/admin/users/new', 'method' => 'post' ,'enctype'=>'multipart/form-data']) !!}
<div class="panel panel-default">
  <div class="panel-body">
                <div class="row">
                  <div class="col-sm-6">
                    <label>نام</label>
                    <div class="append-icon form-group">
                        <input type="text" class="form-control form-white" name="fname" value="{{ old('fname') }}" id="fname" placeholder="نام" required>
                        <i class="icon-user"></i>
                    </div>
                    <label style="margin-top: 5px;">نام خانوادگی</label>
                    <div class="append-icon" style="margin-top: 5px;">
                        <input type="text" class="form-control form-white" name="lname" value="{{ old('lname') }}" id="lname" placeholder="نام خانوادگی">
                        <i class="icon-user"></i>
                    </div>
                    <label style="margin-top: 5px;">پست الکترونیکی</label>
                    <div class="append-icon">
                        <input type="email" class="form-control form-white" name="email" value="{{ old('email') }}" id="email" placeholder="پست الکترونیکی">
                        <i class="icon-envelope"></i>
                    </div>

                    <label style="margin-top: 5px;">جنسیت</label>
                    <select class="form-control" name="gender" id="gender">
                        <option value="1" >خانم</option>
                        <option value="2">آقا</option>
                    </select>                      
                    
                    <label style="margin-top: 5px;">شماره همراه</label>
                    <div class="append-icon">
                        <input type="phone" class="form-control form-white" name="mobile" value="{{ old('mobile') }}" id="mobile" placeholder="شماره همراه" required>
                        <i class="icon-call-end"></i>
                    </div>
                    <label style="margin-top: 5px;">نقش کاربر</label>
                    <div class="append-icon">
                      <select name="role" class="form-control form-white" style="margin-top: 5px;" required>
                        <option value="customer" selected>مشتری</option>
                        @foreach($roles as $role)
                          <option value="{{$role->id}}" @if(old('role') == $role->id) selected @endif>{{$role->label}}</option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div style=" display: table; margin: 0 auto;">
                    <div id="image-preview" style="padding-top: 25px; width:200px; height: 200px; position: relative; overflow: hidden; background-color: inherit; color: inherit; margin: 0 auto;">
                      <img src="/avatar.png" class="default-user-pic img-responsive" style=" width: 100%; height: auto;" id="blah1" alt="your image" width="100" height="100" align="middle">
                    </div>
                    <label class="input-group-btn" style="display: table; width: 100%; margin: 0 auto;">
                      <span class="btn btn-primary" style="border-radius:0; width:100%; margin: 0 auto; font-family: yekan; text-align: center;">
                        بارگذاری آواتار<input type="file" style="display: none;" multiple  onchange="document.getElementById('blah1').src = window.URL.createObjectURL(this.files[0])" name="avatar">
                      </span>
                    </label>
                    </div>
                    <label style="margin-top: 5px;">گذرواژه</label>
                    <div class="append-icon">
                      <input type="password" class="form-control form-white" name="password"  placeholder="گذر واژه">
                      <i class="icon-key"></i>
                    </div>
                    <label style="margin-top: 5px;">تکرار گذر واژه</label>
                    <div class="append-icon" >
                      <input type="password" class="form-control form-white" name="password_confirmation"  placeholder="تکرار گذر واژه">
                      <i class="icon-key"></i>
                    </div>
                </div>
              </div>



    </div>
    <div class="panel-footer bg-default">
      <button type="submit" class="btn btn-primary">ذخیره کاربر</button>
    </div>
{!! Form::close() !!}
  </div>
@endsection
@section('js')
@stop