@extends('admin.layouts.app')

@section('content')
    <div class="col-lg-6 mx-auto">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Create Dispatch</h4>
                <h5 class="card-subtitle">make a dispatch</h5>
                <form class="form pt-3" method="POST" action="{{route('dispatch.store')}}">
                    @csrf
                    @method('PUT')
                    <div class="form-group">
                        <label for="reg_username">User Name</label>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon11"><i class="ti-user"></i></span>
                            </div>
                            <input type="text" class="form-control" id="reg_username" name="name" value="{{old('name')}}" placeholder="Username" aria-label="Username" aria-describedby="basic-addon11"/>
                            <br>
                            @error('name')
                                <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="exampleInputEmail1">Email address</label>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon22"><i class="ti-email"></i></span>
                            </div>
                            <input type="email" id="reg_email" name="email" class="form-control" placeholder="Email" aria-label="Email" aria-describedby="basic-addon22"/>

                            @error('email')
                                <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="address">Address</label>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon11"><i class="ti-user"></i></span>
                            </div>
                            <input type="text" class="form-control" id="address" name="address" value="{{old('address')}}" placeholder="Address" aria-label="Address" aria-describedby="basic-addon11"/>
                            <br>
                            @error('address')
                            <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="phone">Phone</label>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon11"><i class="ti-user"></i></span>
                            </div>
                            <input type="text" class="form-control" id="phone" name="phone" value="{{old('phone')}}" placeholder="Phone" aria-label="Phone" aria-describedby="basic-addon11"/>
                            <br>
                            @error('phone')
                            <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Password</label>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon33"><i class="ti-lock"></i></span>
                            </div>
                            <input type="text" class="form-control" placeholder="Password" aria-label="Password" aria-describedby="basic-addon33" id="reg_pwsd" name="password"/>

                            @error('password')
                                <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Confirm Password</label>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon4"><i class="ti-lock"></i></span>
                            </div>
                            <input type="text" class="form-control" placeholder="Password" aria-label="Password" aria-describedby="basic-addon4" id="reg_pwsd" name="password_confirmation"/>

                        </div>
                    </div>

                    <div class="form-group">
                        <div class="custom-control custom-checkbox mr-sm-2">
                            <input type="checkbox" class="custom-control-input" id="checkbox10" value="check">
                            <label class="custom-control-label" for="checkbox10">Remember Me</label>
                        </div>
                    </div>
                    <input type="hidden" name="dispatch" value="1">
                    <button type="submit" class="btn btn-success mr-2">Submit</button>
                    <button type="submit" class="btn btn-dark">Cancel</button>
                </form>
            </div>
        </div>
    </div>
@endsection