@extends('admin.layout.default')
@section('content')

<div class="row">
    <div class="col-md-12 p-0">
        @if (!$user->isClient())
            <div class="actionButtons pull-left">
                <a href="{{ $base }}" class="btn btn-sm btn-default pull-left">
                    <i class="fa fa-chevron-left"></i> Regresar
                </a>
                <a href="#" data-target="btnSubmit" class="btn btn-sm btn-primary pull-left m-l-10 trigger">
                    <i class="fa fa-check m-r-5"></i> Guardar
                </a>
            </div>
        @endif
        <ol class="breadcrumb pull-right hidden-phone">
            <li><a href="/"><i class="fa fa-home"></i> Home</a></li>
            <li><a href="{{ $base }}">Usuarios</a></li>
            <li class="active">{{ $user->name }}</li>
        </ol>
    </div>
</div>

<form novalidate="" class="form-horizontal form-bordered" data-parsley-validate="true"
    name="editForm" id="editForm" method="post" action="update/{{ $user->id }}/{{ $user->slug }}">

    <div class="row panels">
        <div class="col-md-7 m-t-10">
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <div class="panel-heading-btn">
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                        <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                    </div>
                <h4 class="panel-title">{{($user->isClient()) ? 'Información' : 'Editar'}}</h4>
                </div>
                <div class="panel-body">
                    <button type="submit" id="btnSubmit" class="btn btn-primary hidden">Save</button>
                    <input type="hidden" name="id" value="{{ $user->id }}" />
                   @if ($user->isClient())
                    <div class="form-group">
                            <label class="control-label col-md-3">Rewards:</label>
                            <div class="col-md-9">
                                <label class="control-label">{{$user->rewards->count()}}</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3">Rewards Activas:</label>
                            <div class="col-md-9">
                                <label class="control-label">{{$user->rewards->count() - $user->claimed_rewards_count}}</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3">Boletos Comprados:</label>
                            <div class="col-md-9">
                                <label class="control-label">{{$user->total_tickets - $user->claimed_rewards_count}}</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3">Total Gastado:</label>
                            <div class="col-md-9">
                                <label class="control-label">$ {{$user->total_spent}} MXN</label>
                            </div>
                        </div>
                    @else
                        <div class="form-group">
                            <label class="control-label col-md-3">Nombre:</label>
                            <div class="col-md-9">
                                <input class="form-control" name="name" placeholder="Nombre" value="{{ $user->name }}"
                                    data-type="alphanum" data-parsley-required="true" type="text" maxlength="100" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3">Email:</label>
                            <div class="col-md-9">
                                <input class="form-control" name="email" placeholder="Nombre" value="{{ $user->email }}"
                                    data-type="email" data-parsley-required="true" type="text" maxlength="100" />
                            </div>
                        </div>
                        {{-- TODO: image edition --}}
                        {{-- <div class="form-group">
                            <label class="control-label col-md-3">Imagen:</label>
                            <div class="col-md-9">
                                <div class="photo article" id="image" style="background-image: url({{ $user->image }});"></div>
                            </div>
                        </div> --}}
                        <div class="form-group">
                            <label class="col-md-3 control-label">Rol</label>
                            <div class="col-md-9">
                                <select data-parsley-required="true" name="role_id" class="form-control">
                                    @foreach ($roles as $role)
                                        <option {{($user->role_id == $role->id) ? 'selected' : ''}} value="{{ $role->id }}">{{ $role->title }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                   @endif
                    
                </div>


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

</form>

@endsection