@extends('layouts.app')

@section('content')
<div class="container">
    <div class="narrow_row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        Show User 
                        <div class="pull-right">
                            @if((auth()->user()->role->role=='Super Admin' || auth()->user()->role->role=='Admin') && $user->orbit_user_id==0)
                            <button type="button" class="btn btn-sm white w-xs" style='color:#2e3e4e;' onclick='send_registration_mail({{$user->id}})'>Send mail</button>
                            @endif
                            <button type="button" class="btn btn-sm white w-xs" style='color:#2e3e4e;' onclick='window.history.back()'>Back</button>
                        </div>
                    </h3>
                </div>

                <div class="panel-body" style="display: inline-block;">
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label">Company Name</label>
                            <input readonly="readonly" name="first_name" type="text" class="form-control" value="{{$user->company_name ?? 'N/A'}}"/>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label">First Name</label>
                            <input readonly="readonly" name="first_name" type="text" class="form-control" value="{{$user->first_name}}"/>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label">Last Name</label>
                        <input readonly="readonly" name="last_name" type="text" class="form-control" value="{{$user->last_name}}"/>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label">Email</label>
                            <input readonly="readonly" name="email" type="text" class="form-control" value="{{$user->email}}"/>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label">Type</label>
                            <select disabled="disabled" name="role" class="form-control">
                                <option value=""></option>
                                @foreach($user_roles as $user_role): ?>
                                <option value="{{$user_role->id}}" {{$user_role->id==$user->role_id ? 'selected="selected"' : ''}}>
                                    {{$user_role->role}}
                                </option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label">Country</label>
                            <input readonly="readonly" name="country" type="text" class="form-control" value="{{$user->country}}"/>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label">City</label>
                            <input readonly="readonly" name="city" type="text" class="form-control" value="{{$user->city}}"/>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label">State</label>
                            <input readonly="readonly" name="state" type="text" class="form-control" value="{{$user->first_name}}"/>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label">Zip Code</label>
                            <input readonly="readonly" name="zip_code" type="text" class="form-control" value="{{$user->zip_code}}"/>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label">Address 1</label>
                            <input readonly="readonly" name="address_1" type="text" class="form-control" value="{{$user->address_1}}"/>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label class="control-label">Address 2</label>
                            <input readonly="readonly" name="address_2" type="text" class="form-control" value="{{$user->address_2}}"/>
                        </div>
                    </div>
                </div>
                <div class="panel-footer"></div>
            </div>
        </div>
    </div>
</div>
<script>
function send_registration_mail(id){
    $.ajax({
        headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: '/send_registration_email',
                type: 'POST',
        data: { 'id' : id},
        success: function(response){
                    if(response.warning){
                        alert(response.warning);
                    }
                    else{
                        alert(response.success);
                    }
                }
    });  
}
</script>
@endsection