@extends("admin.main")
@section("content")
    @if(auth()->guard('admins')->user()->can("add customer"))
    <div class="card card-outline card-primary">
        <form action="{{ route('customer.store') }}" method="post">
            @csrf
            <div class="card-body">
                <div class="row">
                    <div class="col">
                        {{--First name--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="firstname">First Name</label>
                            <div class="col-md-8">
                                <input type="text" id="firstname" name="firstname" placeholder="First Name"
                                       value="{{ old('firstname') }}" class="form-control">
                            </div>
                        </div>
                        {{--Last name--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="lastname">Last Name</label>
                            <div class="col-md-8">
                                <input type="text" id="lastname" name="lastname" placeholder="Last Name"
                                       value="{{ old('lastname') }}" class="form-control">
                            </div>
                        </div>
                        {{--Company--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="company">Company</label>
                            <div class="col-md-8">
                                <input type="text" id="company" name="company" placeholder="Company"
                                       value="{{ old('company') }}" class="form-control">
                            </div>
                        </div>
                        {{--Email--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="email">Email Address</label>
                            <div class="col-md-8">
                                <input type="email" id="email" name="email" placeholder="Email Address"
                                       value="{{ old('email') }}" class="form-control">
                            </div>
                        </div>
                        {{--Phone--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="phone">Phone Number</label>
                            <div class="col-md-8">
                                <input type="text" id="phone" name="phone" placeholder="(+84) 123. 456. 789)"
                                       value="{{ old('phone') }}" class="form-control">
                            </div>
                        </div>
                        {{--Password--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="password">Password</label>
                            <div class="col-md-8">
                                <input type="password" id="password" name="password" placeholder="******"
                                       value="{{ old('password') }}" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        {{--Address--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="address">Address</label>
                            <div class="col-md-8">
                                <input type="text" id="address" name="address" placeholder="Address"
                                       value="{{ old('address') }}" class="form-control">
                            </div>
                        </div>
                        {{--City--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="city">City</label>
                            <div class="col-md-8">
                                <input type="text" id="city" name="city" placeholder="City"
                                       value="{{ old('city') }}" class="form-control">
                            </div>
                        </div>
                        {{--State--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="state">State</label>
                            <div class="col-md-8">
                                <input type="text" id="state" name="state" placeholder="State"
                                       value="{{ old('state') }}" class="form-control">
                            </div>
                        </div>
                        {{--Postcode--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="postcode">Postcode</label>
                            <div class="col-md-8">
                                <input type="text" id="postcode" name="postcode" placeholder="Postcode"
                                       value="{{ old('postcode')  }}" class="form-control">
                            </div>
                        </div>
                        {{--Country--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="country">Country</label>
                            <div class="col-md-8">
                                <input type="text" id="country" name="country" placeholder="Country"
                                       value="{{ old('country') }}" class="form-control">
                            </div>
                        </div>
                        {{--Password--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="email_marketing">Marketing Emails Opt-in</label>
                            <div class="col-md-8">
                                <input type="checkbox" name="email_marketing" id="email_marketing" @checked(old('email_marketing') === "on")>
                                Send Client Marketing Emails
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <button type="submit" class="btn btn-outline-primary">Save</button>
            </div>
        </form>

    </div>
    @else
        <div class="alert alert-danger alert-dismissible">
            <h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Customer
                management department</h5>
        </div>
    @endif
@endsection