@extends('frontend.layout.master')

@section('content')
<div class="container">

<h2>Create User</h2>

<form action="{{ route('users.store') }}" method="POST">
    @csrf

    <div class="form-group">
        <label>Code</label>
        <input type="text" name="code" class="form-control" required>
    </div>

    <div class="form-group">
        <label>Name</label>
        <input type="text" name="name" class="form-control" required>
    </div>

    <div class="form-group">
        <label>Alias</label>
        <input type="text" name="alias" class="form-control">
    </div>

    <div class="form-row">
        <div class="col-md-6 form-group">
            <label>Email</label>
            <input type="text" name="email" class="form-control" required>
        </div>

        <div class="col-md-6 form-group">
            <label>Password</label>
            <input type="password" name="password" class="form-control">
        </div>
    </div>

    <div class="form-group">
        <label>Role</label>
        <select name="role_id" class="form-control" required>
            <option disabled selected>Select Role</option>
            @foreach($roles as $r)
                <option value="{{ $r->id }}">{{ $r->name }}</option>
            @endforeach
        </select>
    </div>

    <div class="form-row">

        <div class="col-md-4 form-group">
            <label>Type</label>
            <select name="type" class="form-control">
                <option value="admin">Admin</option>
                <option value="member">Member</option>
                <option value="staff">Staff</option>
                <option value="investor">Investor</option>
            </select>
        </div>

        <div class="col-md-4 form-group">
            <label>Director?</label>
            <select name="isDirector" class="form-control">
                <option value="no">No</option>
                <option value="yes">Yes</option>
            </select>
        </div>

        <div class="col-md-4 form-group">
            <label>Status</label>
            <input type="text" name="status" class="form-control" required>
        </div>

    </div>

    <div class="form-group">
        <label>Mobile</label>
        <input type="text" name="mobile" class="form-control" required>
    </div>

    <button class="btn btn-success">Create</button>

</form>

</div>
@endsection