@extends('mainlayout.layout')


@section('title')
@endsection

@push('css')

@endpush


@section('content')

<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h4 class="mb-0 font-size-18">Add customer</h4>
        </div>
    </div>
</div>
<!-- end page title -->



<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">

                <form method="POST" action="/customers/edit_customer/@encrypt($customer->customer_id)">
                    @csrf
                    <h4 class="card-title mb-2 text-uppercase" style="background-color:#f8f8fb;padding:0.5em 0.25em;">
                        customer Details</h4>
                    <div class="row">

                        <div class="col-lg-2">
                            <div class="form-group">
                                <label for="formrow-inputState">First Name</label>
                                <input type="text" class="form-control" id="formrow-firstname-input"
                                    value="{{$customer->fname}}" name="fname">
                            </div>
                        </div>

                        <div class="col-lg-2">
                            <div class="form-group">
                                <label for="formrow-inputState">Middle Name</label>
                                <input type="text" class="form-control" id="formrow-middlename-input"
                                    value="{{$customer->mname}}" name="mname">
                            </div>
                        </div>

                        <div class="col-lg-2">
                            <div class="form-group">
                                <label for="formrow-inputState">Last Name</label>
                                <input type="text" class="form-control" id="formrow-lastname-input"
                                    value="{{$customer->lname}}" name="lname">
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="form-group">
                                <label for="formrow-inputState">Phone Number</label>
                                <input type="text" class="form-control" id="formrow-lastname-input"
                                    value="{{$customer->msisdn}}" name="msisdn">
                            </div>
                        </div>

                    </div>

                    <div class="row">



                        <div class="col-lg-2">
                            <div class="form-group">
                                <label for="formrow-inputState">ID Type</label>
                                <select id="formrow-inputState" class="form-control" name="ID_type">
                                    @foreach($idtypes as $idtype)
                                    <option @if($customer->ID_type==$idtype->id_type_id) selected="" @endif
                                        value="{{$idtype->id_type_id}}">{{$idtype->type}}</option>
                                    @endforeach>
                                </select>

                            </div>
                        </div>

                        <div class="col-lg-2">
                            <div class="form-group">
                                <label for="formrow-inputState">ID No.</label>
                                <input type="text" class="form-control" name="ID_no" value="{{$customer->ID_no}}"
                                    id="formrow-lastname-input">
                            </div>
                        </div>

                        <!-- <div class="col-lg-2">
                                                    <div class="form-group">
                                                      <label for="formrow-inputState">Language</label>
                                                      <select id="formrow-inputState" class="form-control">
                                                            <option selected>Choose</option>
                                                                <option>English</option>
                                                                <option>Kiswahili</option>
                                                        </select>
                                                    </div>
                                                </div> -->

                        <div class="col-lg-2">
                            <div class="form-group">
                                <label for="formrow-inputState">Email.</label>
                                <input type="text" class="form-control" name="email" value="{{$customer->email}}"
                                    id="formrow-lastname-input">
                            </div>
                        </div>

                    </div>




                    <div class="row">
                        <div class="col-lg-3">
                            <button class="mt-4 btn btn-warning w-md" style="width:100%;" type="submit">Edit
                                customer</button>
                        </div>
                    </div>

                </form>

            </div>
        </div>
    </div>
</div>


@endsection



@push('scripts')

<!-- twitter-bootstrap-wizard js -->


<script src="{{ asset('/web/assets/libs/select2/js/select2.min.js')}}"></script>
<script src="{{ asset('/web/assets/js/pages/form-advanced.init.js')}}"></script>



@endpush