@extends('layouts.admin')

@section('breadcrumb-item')
    <li class="breadcrumb-item active"><a href="#">Create User</a></li>
@endsection

@section('content')
    <div class="card">
        <div class="card-header bg-theme">Create User</div>
        <div class="card-body">
            <form action="{{ route('admin.user.store') }}" method="post" enctype="multipart/form-data">
                {{ csrf_field() }}
                <div class="form-group">
                    <label for="name">Name</label>
                    <input class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" type="text" name="name"
                           value="{{ old('name') }}" id="name" placeholder="User Name">
                    @include('includes.partials.error', ['field' => 'name'])
                </div>
                <div class="form-group">
                    <label for="avatar">Avatar</label>
                    <input type="file" class="form-control-file border{{ $errors->has('avatar') ? ' is-invalid' : '' }}" id="avatar" name="avatar">
                    @include('includes.partials.error', ['field' => 'avatar'])
                </div>
                <div class="form-group">
                    <label for="gender">Gender:</label>
                    <div id="gender" class="form-row">
                        <label class="radio-inline mb-0">
                            <input class="ml-1" name="gender" value="1" type="radio" /> Male
                        </label>
                        <label class="radio-inline mb-0">
                            <input class="ml-3" name="gender" value="0" type="radio" /> Female
                        </label>
                    </div>
                </div>
                <div class="form-group">
                    <label for="email">Email</label>
                    <input class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" type="email" name="email"
                           value="{{ old('email') }}" id="email" placeholder="Email Address">
                    @include('includes.partials.error', ['field' => 'email'])
                </div>
                <div class="form-group">
                    <label for="password">Password</label>
                    <input class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}"
                           type="text" name="password" id="password"
                           value="{{ old('password') }}" placeholder="Enter Password">
                    @include('includes.partials.error', ['field' => 'password'])
                </div>
                <div class="form-group">
                    <label for="mobile">Mobile</label>
                    <input class="form-control{{ $errors->has('mobile') ? ' is-invalid' : '' }}" type="text" name="mobile"
                           value="{{ old('mobile') }}" id="mobile" placeholder="Mobile Number">
                    @include('includes.partials.error', ['field' => 'mobile'])
                </div>
                <div class="form-group">
                    <label for="city_id">City</label>
                    <select name="city_id" id="city_id" class="custom-select">
                        <option value="">Select City</option>
                        @foreach($_cities as $city)
                            <option value="{{ $city->id }}">{{ $city->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label for="address">Address</label>
                    <input class="form-control{{ $errors->has('address') ? ' is-invalid' : '' }}" type="text" name="address"
                           value="{{ old('address') }}" id="address" placeholder="Address">
                    @include('includes.partials.error', ['field' => 'address'])
                </div>
                <div class="form-group">
                    <div class="text-center">
                        <button class="btn btn-success" type="submit">Create</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection