@extends("admin.main")
@section("content")
    @if(auth()->guard('admins')->user()->can("edit customer"))

        <div class="card card-outline card-primary">
        <div class="card-header">
            @include("admin.block.nav")
        </div>
        <form action="{{ route('customer.profile.store',['userid' => $customer->id]) }}" 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="{{ $customer->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="{{ $customer->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="{{ $customer->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="{{ $customer->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="{{ $customer->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="" class="form-control">
                            </div>
                        </div>
                        <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($customer->email_marketing === 1)>
                                Send Client Marketing Emails
                            </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="{{ $customer->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="{{ $customer->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="{{ $customer->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="{{ $customer->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="{{ $customer->country }}" class="form-control">
                            </div>
                        </div>
                        {{--Limit Snapshot--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="snapshot_limit">SnapShot Limit</label>
                            <div class="col-md-8">
                                <input type="text" id="country" name="snapshot_limit" placeholder="snapshot_limit"
                                       value="{{ $customer->snapshot->limit }}" class="form-control">
                            </div>
                        </div>
                        {{--Status--}}
                        <div class="form-group row">
                            <label class="col-md-4" for="status">Status</label>
                            <div class="col-md-8">
                                <select name="status" class="form-control" id="status">
                                    <option value="1" @selected($customer->status == 1)>Actived</option>
                                    <option value="2" @selected($customer->status == 2)>De-Active</option>
                                    <option value="0" @selected($customer->status == 0)>Banned</option>
                                </select>
                            </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