@extends('layouts.mymaster')
@section('content')
        <!-- End navbar -->
               @foreach ($errors->all() as $error)
                                    <li class="alert-danger">{{ $error }}</li>
                                @endforeach
        <div class="login-form">
            <h3>مستخدم جديد</h3>
            <ul class="nav nav-tabs nav-justified">
              <li class="active"><a data-toggle="tab" href="#person">فرد</a></li>
              <li class=""><a data-toggle="tab" href="#organitaion">منشأة</a></li>
            </ul>
            <div class="tab-content">
              <div id="person" class="tab-pane fade in active">
                        <form method="POST" action="/register" enctype="multipart/form-data">
                    {{csrf_field()}}
                    <div class="custom-form">
                        <div class="form-group clearfix">
                            <span class="icony"><i class="fa fa-user"></i></span>
                            <input name="name" type="text" class="form-control" placeholder="الاسم" autocomplete="off">
                            <span class="focus-border"><i></i></span>
                        </div>
                    </div>
                    <div class="custom-form">
                        <div class="form-group clearfix">
                            <span class="icony"><i class="fa fa-envelope"></i></span>
                            <input name="email" type="email" class="form-control" placeholder="البريد الالكترونى" autocomplete="off">
                            <span class="focus-border"><i></i></span>
                        </div>
                    </div>
                    <div  class="custom-form">
                        <div class="form-group">
                            <span class="icony"><i class="fa fa-fw fa-lock" toggle="#password-field"></i></span>
                            <input name="password" type="password" class="form-control" id="password-field" placeholder="كلمة المرور" autocomplete="off">
                            <span class="focus-border"><i></i></span>
                        </div>
                    </div>
                    <div  class="custom-form">
                        <div class="form-group">
                            <span class="icony"><i class="fa fa-fw fa-lock" toggle="#password-field"></i></span>
                            <input name="password_confirmation" type="password" class="form-control" id="password-field" placeholder="تأكيد كلمة المرور" autocomplete="off">
                            <span class="focus-border"><i></i></span>
                        </div>
                    </div>
                    <div  class="custom-form">
                        <div class="form-group">
                            <span class="icony"><i class="fa fa-fw fa-phone"></i></span>
                            <input name="mobile" type="number" class="form-control" id="phone-field" placeholder="551234567" autocomplete="off">
                            <span class="focus-border"><i></i></span>
                        </div>
                    </div>
                    <input type="hidden" name="id_cms_privileges" value="3"/>
                    <div  class="custom-form">
                        <div class="">
                            <button type="submit" class="padding-md fbutcenter width">تسجيل</button>
                        </div>
                    </div>
                    <h2 class="or"><span>او</span></h2>
                    <div class="text-center new-regist" style="cursor: pointer">
                       ليس لديك حساب ؟
                        <a href="">تسجيل جديد</a>
                    </div>
                </form>
              </div>
              <div id="organitaion" class="tab-pane fade">
                  <form method="POST" action="/register" enctype="multipart/form-data">
                    {{csrf_field()}}
                    <div class="custom-form">
                        <div class="form-group clearfix">
                            <span class="icony"><i class="fa fa-user"></i></span>
                            <input name="name" type="text" class="form-control" placeholder="الاسم" autocomplete="off">
                            <span class="focus-border"><i></i></span>
                        </div>
                    </div>
                    <div class="custom-form">
                        <div class="form-group clearfix">
                            <span class="icony"><i class="fa fa-envelope"></i></span>
                            <input name="email" type="email" class="form-control" placeholder="البريد الالكترونى" autocomplete="off">
                            <span class="focus-border"><i></i></span>
                        </div>
                    </div>
                    <div  class="custom-form">
                        <div class="form-group">
                            <span class="icony"><i class="fa fa-fw fa-lock" toggle="#password-field"></i></span>
                            <input name="password" type="password" class="form-control" id="password-field" placeholder="كلمة المرور" autocomplete="off">
                            <span class="focus-border"><i></i></span>
                        </div>
                    </div>
                    <div  class="custom-form">
                        <div class="form-group">
                            <span class="icony"><i class="fa fa-fw fa-lock" toggle="#password-field"></i></span>
                            <input name="password_confirmation" type="password" class="form-control" id="password-field" placeholder="تأكيد كلمة المرور" autocomplete="off">
                            <span class="focus-border"><i></i></span>
                        </div>
                    </div>
                    <div  class="custom-form">
                        <div class="form-group">
                            <span class="icony"><i class="fa fa-fw fa-phone"></i></span>
                            <input name="mobile" type="number" class="form-control" id="phone-field" placeholder="551234567" autocomplete="off">
                            <span class="focus-border"><i></i></span>
                        </div>
                    </div>
                                        <input type="hidden" name="id_cms_privileges" value="2"/>

                    <div  class="custom-form">
                        <div class="">
                            <button type="submit" class="padding-md fbutcenter width">تسجيل</button>
                        </div>
                    </div>
                    <h2 class="or"><span>او</span></h2>
                    <div class="text-center new-regist" style="cursor: pointer">
                       ليس لديك حساب ؟
                        <a href="/login">تسجيل دخول</a>
                    </div>
                </form>
              </div>
            </div>
        </div>
        <!--
        <script src="../../assetsnew/js/jquery.js"></script>
        <script src="../../assetsnew/js/bootstrap.min.js"></script>
    </body> </html> -->
    @endsection