@extends('layouts.main')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6">
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">Edit Customer</h3>
                </div>
                <form class="" role="form" method="post" action="{{url('update-customer/'.$customer->id)}}">
                    {!! csrf_field() !!}
                    <div class="card-body">
                        <div class="form-group">
                            <label>Country Code</label>
                            <select class="selectpicker form-control" name="country_code" data-live-search="true">
                                @foreach($country_code as $code)
                                <option value="{{$code->country_code}}" @if($customer->code == $code->country_code)
                                    selected @endif >{{$code->country_name}} ({{$code->country_code}})</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label>Phone Number</label>
                            <input type="text" class="form-control" required name="number"
                                value="{{$customer->number}}">
                        </div>
                        <div class="form-group">
                            <label>Gender</label>
                            <select name="gender" class="form-control">
                                <option value="">Select a Gender</option>
                                <option value="Mr" @if($customer->gender=="Mr") selected @endif>Mr</option>
                                <option value="Mrs" @if($customer->gender=="Mrs") selected @endif>Mrs</option>
                                <option value="Ms" @if($customer->gender=="Ms") selected @endif>Ms</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Name</label>
                            <input type="text" class="form-control" name="first_name" value="{{$customer->first_name}}">
                        </div>

                        <div class="form-group" style="display:none">
                            <label>Last Name</label>
                            <input type="text" class="form-control" name="last_name" value="{{$customer->last_name}}">
                        </div>

                        <div class="form-group">
                            <label>Email</label>
                            <input type="email" class="form-control" name="email" value="{{$customer->email}}">
                        </div>

                        <div class="form-group">
                            <label>Club Account</label>
                            <input type="text" class="form-control" name="username" value="{{$customer->user_name}}">
                        </div>

                        <div class="form-group">
                            <label>Categories</label>
                            <select name="customer_group[]" class="select2bs4" multiple="multiple" data-placeholder="Select a Category"
                          style="width: 100%;" required>
                                @foreach($customerGroup as $v)
                                <option value="{{$v->id}}" @if(in_array($v->id, $customerGroupCustomer)) selected @endif>{{$v->name}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label>Broadcast</label>
                            <select name="broadcast_group" class="select2bs4"
                                data-placeholder="Select a Broadcast" style="width: 100%;">
                                <option value="">Select Broadcast</option>
                                @foreach($broadCastGroup as $v)
                                <option value="{{$v->id}}" @if($customerGroupBroadcastId==$v->id) selected @endif>{{$v->broadcast_name}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Whatsapp availability</label>
                            <select name="wp" class="form-control">
                                <option value="1" @if($customer->wp=="1") selected @endif>yes</option>
                                <option value="0" @if($customer->wp=="0") selected @endif>no</option>
                            </select>
                        </div>
                    </div>
                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary"><i class="fa fa-plus"></i>
                            Update
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

{{--External Style Section--}}
@section('script')
<script>
    $(document).ready(function () {
        $('.select2bs4').select2({
      theme: 'bootstrap4'
    })
    });
</script>
@endsection