@extends('Admin.layouts.app')
@section('pagetitle',__('messages.admins'))
@section('content')
<form action="{{ route('admin.user.store') }}" method="POST" enctype="multipart/form-data">
    @csrf
    @method('post')

    <div class="row">
        <img src="{{ asset('logo.png') }}" class="rounded mx-auto text-center" style="border-radius: 50% !important"
            id="avatar" width="200px" height="200px">
        <div class="col-12">

        </div>


        <div class="col-md-6 ">
            <label for="name">{{ __('website.name') }}</label>
            <input type="text" name="name" id="name" parsley-trigger="change" required value="" class="form-control">
        </div>
        <div class="col-md-6 col-sm-12">
            <label for="email">{{ __('website.email') }}</label>
            <input type="email" name="email" parsley-trigger="change" value="" required class="form-control">
        </div>
        <div class="col-md-6 col-sm-12">
            <label for="phone">{{ __('website.phone') }}</label>
            <input type="phone" name="phone" parsley-trigger="change" value="" required class="form-control">
        </div>
        <div class="col-md-6 col-sm-12">
            <label for="role_id">{{ __('messages.role') }}</label>
            <select class="form-control" id="role_id" name="role_id">
                @foreach ($roles as $item)
                    <option value="{{ $item->id }}">{{ $item->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-6 col-sm-12">
            <label for="client_password">{{ __('website.password') }}</label>
            <input type="password" name="password" parsley-trigger="change" class="form-control" data-parsley-id="10">
        </div>
        <div class="col-md-6 col-sm-12">
            <label for="client_password">{{ __('website.confirmPassword') }}</label>
            <input type="password" name="password_confirmation" parsley-trigger="change" class="form-control"
                data-parsley-id="10">
        </div>
        <div class="col-md-6 col-sm-12">
            <label for="image">{{ __('messages.image') }}</label>
            <input class="form-control-file" id="formFileLg" type="file" name="image"
                onchange="document.getElementById('avatar').src = window.URL.createObjectURL(this.files[0])">
        </div>


        <div class="clearfix"></div>

        <div class="col-12 my-4 mx-auto">
            <div class="text-center p-20">
                <button type="submit" class="btn btn-primary">{{ __('messages.add') }}</button>
                <button type="reset" class="btn btn-secondary">{{ __('website.cancel') }}</button>
            </div>
        </div>
    </div>
</form>
@endsection