@extends('templates.structure')
@section('custom_css')

<!-- Select2 -->
<link rel="stylesheet" href="{{asset('AdminLTE-3.0.0-alpha.2/plugins/select2/select2.min.css')}}">
@endsection
@section('content')

<div class="row">
    <div class="col-md-8">
        <!-- general form elements disabled -->
        <div class="card">
            <div class="card-header">
                {{-- <h3 class="card-title">Form User</h3> --}}
            </div>
            <!-- /.card-header -->
            <form role="form" id="form">
                <div class="card-body">
                    <!-- text input -->
                    <div class="form-group">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Firstname</label>
                                    <input type="text" name="firstname" value="{{$data->firstname}}" class="form-control">
                                </div>
                                <!-- /input-group -->
                            </div>
                            <!-- /.col-md-6 -->
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Lastname</label>
                                <input type="text" name="lastname" value="{{$data->lastname}} "class="form-control">
                                </div>
                                <!-- /input-group -->
                            </div>
                            <!-- /.col-md-6 -->
                        </div>
                    </div>
                    <!-- text input -->
                    <div class="form-group">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                            <label>ID Type</label>
                                            <div class="input-group">
                                                <div class="radio">
                                                    <span>
                                                    <input type="radio" name="id_type" id="optionsRadios1" value="1" {{$data->id_type == '1' ? 'checked=""' : ''}}>
                                                        KTP
                                                    </span>
                                                </div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <div class="radio">
                                                    <span>
                                                    <input type="radio" name="id_type" id="optionsRadios2" value="2" {{$data->id_type == '2' ? 'checked=""' : ''}}>
                                                        SIM
                                                    </span>
                                                </div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <div class="radio">
                                                    <span>
                                                    <input type="radio" name="id_type" id="optionsRadios2" value="3" {{$data->id_type == '3' ? 'checked=""' : ''}}>
                                                        PASSPORT
                                                    </span>
                                                </div>
                                            </div>
                                    </div>
                                    <!-- /input-group -->
                                </div>
                                <!-- /.col-md-6 -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>ID No.</label>
                                        <input type="text" name="id_no" value="{{$data->id_no}}" class="form-control">
                                    </div>
                                    <!-- /input-group -->
                                </div>
                                <!-- /.col-md-6 -->
                            </div>
                        </div>
                    <!-- text input -->
                    <div class="form-group">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Phone</label>
                                    <input type="text" name="phone" value="{{$data->phone}}" class="form-control">
                                </div>
                                <!-- /input-group -->
                            </div>
                            <!-- /.col-md-6 -->
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Email</label>
                                    <input type="text" name="email" value="{{$data->email}}" class="form-control">
                                </div>
                                <!-- /input-group -->
                            </div>
                            <!-- /.col-md-6 -->
                        </div>
                    </div>
                    <!-- text input -->
                    <div class="form-group">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Secondary Phone</label>
                                    <input type="text" name="unity_clients_dt[secondary_phone]" value="{{$data->secondary_phone}}" class="form-control">
                                </div>
                                <!-- /input-group -->
                            </div>
                            
                            <!-- /.col-md-6 -->
                            {{-- <div class="col-md-6">
                                <div class="form-group">
                                    <label>City</label>
                                    <input type="text" name="city" class="form-control">
                                </div>
                                <!-- /input-group -->
                            </div> --}}
                            <!-- /.col-md-6 -->
                        </div>
                    </div>
                    <!-- text input -->
                    <div class="form-group">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Address</label>
                                    <textarea name="address" class="form-control">{{$data->address}}</textarea>
                                </div>
                                <!-- /input-group -->
                            </div>
                            
                            <!-- /.col-md-6 -->
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>City</label>
                                    <input type="text" name="city" value="{{$data->city}}" class="form-control">
                                </div>
                                <!-- /input-group -->
                            </div>
                            <!-- /.col-md-6 -->
                        </div>
                    </div>
                    <!-- text input -->
                    <div class="form-group">
                        <div class="row">
                            <div class="col-md-6">
                                <!-- /.col-md-6 -->
                                <div class="form-group">
                                    <label>Country</label>
                                    <select name="country" class="form-control">                                        
                                        <option value="{{$data->country}}">{{$data->country_name}}</option>
                                        @foreach ($unity_config_countries as $item)
                                            <option value="{{$item->id}}">{{$item->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <!-- /input-group -->
                                <div class="form-group">
                                    <label>Postal Code</label>
                                    <input type="text" name="postal_code" value="{{$data->postal_code}}" class="form-control">
                                </div>
                                <!-- /input-group -->                                                                        
                                
                            </div>
                            <!-- /.col-md-6 -->
                        </div>
                    </div>
                    
                </div>
                <!-- /.card-body -->
                <div class="card-footer">
                    <button type="submit" class="btn btn-info float-right">Save</button>
                    {{-- <button class="btn btn-default float-right">Cancel</button> --}}
                </div>
            </form>
        </div>
        <!-- /.card -->
    </div>
</div>
<!-- /.row -->
@endsection

@section('custom_js')
<!-- Select2 -->
<script src="{{asset('AdminLTE-3.0.0-alpha.2/plugins/select2/select2.full.min.js')}}"></script>
{{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js"></script> --}}
<script>
    $(function () {
        //Initialize Select2 Elements
        $('[name="country"]').select2()

        $( "#form" ).submit(function( e ) {
            e.preventDefault()
            axios.put('{{route("clients.update", $data->clientid)}}', $(this).serialize(), config) .then(function (response) {
                        console.log(response);
                        window.location = response.data.additional.redirect;

                    })
                    .catch(function (error) { console.log(error);
                        $('.newerror').remove()
                        var msgs = error.response.data.data.message
                        $.each(msgs, function (index, value) {
                                $('[name="'+index+'"]').closest( ".form-group" ).after('<label id="'+index+'-error" class="newerror" for="'+index+'">'+value[0]+'</label>')
                                // console.log(value[0])
                            });
                    });
        })
    })
</script>
@endsection