@extends('admin.layout')
@section('content')
<style>

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btn {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.btn-default {
    background: #ffffff !important;
    color: #4b5359 !important;
    border: 1px solid #a2a2a2 !important;
    font-size: 1.1em !important;
}
.btn-default:hover {
    background: #002a53 !important;
    color: #ffffff !important;
   
}

    </style>
          <div class="parts form">
	<div class="main-card mb-3 card">
		<div class="card-body">
			<h5 class="card-title">{{__('Users.add_user')}}</h5>

            @if(count($errors)>0)
        <div class="alert alert-danger">
            <ul>
                @foreach($errors->all() as $error)
                    <li>{{$error}}</li>
                @endforeach
            </ul>
        </div>
    @endif
    {!! Form::open(['method'=>'post','action'=>'Admin\UsersController@store','files'=>true]) !!}
    <div class="row">
					<div class="col-md">
                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{__('Users.name')}} *</label>
                            <div class="col-sm-10">
                                {!! Form::text('name',null,['class'=>'form-control','placeholder'=>__('Users.name')]) !!}
                            </div>
                        </div>
                        <div class="position-relative row form-group">
                            <label for="email" class="col-sm-2 col-form-label">{{__('Users.email')}} * </label>
                            <div class="col-sm-10">
                                {!! Form::text('email',null,['class'=>'form-control','placeholder'=>__('Users.email')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="password" class="col-sm-2 col-form-label">{{__('Users.password')}} * </label>
                            <div class="col-sm-10">
                                {!! Form::password('password', ['class' => 'form-control','placeholder'=>__('Users.password')]) !!}
                            </div>
                        </div>
                        <div class="position-relative row form-group">
                            <label for="password" class="col-sm-2 col-form-label">{{__('Users.role_id')}} * </label>
                            <div class="col-sm-10">
                                {!! Form::select('role_id',$roles,null,['class'=>'form-control','placeholder'=>__('Users.role_id')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{__('Users.hasAdminAccess')}} *</label>
                            <div class="col-sm-10">
                                <label for="name" class="col-sm-2 col-form-label">{{__('Users.hasAdminAccess_true')}}  </label>{!! Form::radio('hasAdminAccess', 'true', false); !!}
                                <label for="name" class="col-sm-2 col-form-label">{{__('Users.hasAdminAccess_false')}}  </label>{!! Form::radio('hasAdminAccess', 'false', false); !!}
                            </div>
                        </div>

            
                        <div class="position-relative row form-group">
                            <label for="password" class="col-sm-2 col-form-label"> {{__('Users.f_name')}} * </label>
                            <div class="col-sm-10">
                                {!! Form::text('f_name',null,['class'=>'form-control','placeholder'=>__('Users.f_name')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="password" class="col-sm-2 col-form-label">{{__('Users.l_name')}} * </label>
                            <div class="col-sm-10">
                                {!! Form::text('l_name',null,['class'=>'form-control','placeholder'=>__('Users.l_name')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="password" class="col-sm-2 col-form-label">{{__('Users.phone')}} * </label>
                            <div class="col-sm-10">
                                {!! Form::text('phone',null,['class'=>'form-control','placeholder'=>__('Users.phone')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="password" class="col-sm-2 col-form-label">{{__('Users.address')}} * </label>
                            <div class="col-sm-10">
                                {!! Form::text('address',null,['class'=>'form-control','placeholder'=>__('Users.address')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="password" class="col-sm-2 col-form-label">{{__('Users.country_id')}} * </label>
                            <div class="col-sm-10">
                                {!! Form::select('country_id',$county,null,['class'=>'form-control','id'=>'country_id','placeholder'=>__('Users.country_id')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="password" class="col-sm-2 col-form-label">{{__('Users.city_id')}} * </label>
                            <div class="col-sm-10">
                                {!! Form::select('city_id',[],null,['class'=>'form-control','id'=>'city_id','placeholder'=>__('Users.city_id')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="password" class="col-sm-2 col-form-label">{{__('Users.zip_code')}} * </label>
                            <div class="col-sm-10">
                                {!! Form::text('zip_code',null,['class'=>'form-control','placeholder'=>__('Users.zip_code')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{__('Users.type_id')}} *</label>
                            <div class="col-sm-10">
                                <label for="name" class="col-sm-2 col-form-label">{{__('Users.user_type_id_Individual')}}  </label>{!! Form::radio('type_id', 'Individual', false); !!}
                                <label for="name" class="col-sm-2 col-form-label">{{__('Users.user_type_id_Company')}}  </label>{!! Form::radio('type_id', 'Company', false); !!}
                            </div>
                        </div>


                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{__('Users.id_photo_forward')}} *</label>
                            <div class="col-sm-10">
                                {!! Form::file('id_photo_forward',null,['class'=>'form-control','placeholder'=>__('Users.id_photo_forward')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{__('Users.id_photo_back')}} *</label>
                            <div class="col-sm-10">
                                {!! Form::file('id_photo_back',null,['class'=>'form-control','placeholder'=>__('Users.id_photo_back')]) !!}
                            </div>
                        </div>

                        

                        <div class="position-relative row form-group">
                            <label for="password" class="col-sm-2 col-form-label">{{__('Users.company')}} * </label>
                            <div class="col-sm-10">
                                {!! Form::text('company',null,['class'=>'form-control','placeholder'=>__('Users.company')]) !!}
                            </div>
                        </div>

                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{__('Users.individual_company')}} *</label>
                            <div class="col-sm-10">
                                <label for="name" class="col-sm-2 col-form-label">{{__('Users.individual_company_true')}}  </label>{!! Form::radio('individual_company', 'true', false); !!}
                                <label for="name" class="col-sm-2 col-form-label">{{__('Users.individual_company_false')}}  </label>{!! Form::radio('individual_company', 'false', false); !!}
                            </div>
                        </div>

                        

                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{__('Users.active')}} *</label>
                            <div class="col-sm-10">
                                <label for="name" class="col-sm-2 col-form-label">{{__('Users.active_true')}}  </label>{!! Form::radio('active', 'true', false); !!}
                                <label for="name" class="col-sm-2 col-form-label">{{__('Users.active_false')}}  </label>{!! Form::radio('active', 'false', false); !!}
                            </div>
                        </div>

                        
                        <div class="position-relative row form-group">
                            <label for="name" class="col-sm-2 col-form-label">{{__('Users.lang')}} *</label>
                            <div class="col-sm-10">
                                <label for="name" class="col-sm-2 col-form-label">{{__('Users.user_language_ar')}}  </label>{!! Form::radio('lang', '1', false); !!}
                                <label for="name" class="col-sm-2 col-form-label">{{__('Users.user_language_en')}}  </label>{!! Form::radio('lang', '2', false); !!}
                            </div>
                        </div>
                        

                        

                        <div class="position-relative row form-group">
                            <label for="password" class="col-sm-2 col-form-label">{{__('Users.balance_amount')}} * </label>
                            <div class="col-sm-10">
                                {!! Form::text('balance_amount',null,['class'=>'form-control','placeholder'=>__('Users.balance_amount')]) !!}
                            </div>
                        </div>

                        <div class="col-sm-12 offset-sm-2">
                        {!! Form::submit(__('General.Save'),['class'=>'btn btn-primary form-control']) !!}
                        </div>
      
    {!! Form::Close() !!}

   
            </div>
        </div>
    </div>
</div>
<script src="{{url('./Panel/adminAssets/jquery-3.2.1.min.js')}}"></script>
<script>
    $('#country_id').on('change',function(){
        $('#city_id').html('');
        if($(this).val()){
            //Ajax Request
            $.ajax({

                type:'POST',

                url:'{{url('./cities')}}',

                //data:{name:name, password:password, email:email},
                data:{_token:'{{csrf_token()}}','id':this.value},

                success:function(data){
                    $("#city_id").append("<option value>{{__('Users.city_id')}}</option>");
                    $.each(data,function(index,value){
                        $("#city_id").append("<option value='"+value.id+"'>"+value.city_name_ar+"</option>")
                    })

                }

            });
        }
    })
</script>
@endsection