@extends('adm.template.template')

@section('conteudo')
    {!! Form::model($cliente, ['route' => ['clientes.update', $cliente->id], 'method' => 'put', 'enctype' => 'multipart/form-data', 'id' => 'editar']) !!}
        <label style="margin-top: 30px;">
            <strong>Editar Cliente <span class="fa fa-pencil"></span></strong>
        </label>
        <div class="row">
            <div class="form-group col-md-12">
                {!! Form::text('nome', null, ['placeholder'=>'Nome', 'class' => 'form-control']) !!}
            </div>
        </div>
        <div class="row">
            <div class="form-group col-md-12">
                {!! Form::textarea('descricao', null, ['placeholder'=>'Descrição', 'class' => 'form-control']) !!}
            </div>
        </div>   

        <strong>Remover Fotos <span class="fa fa-trash"></span></strong>
        <div class="row">
            <div class="form-group col-md-12">
                @foreach($cliente->imagens as $imagem)
                    <img src="{{ asset($imagem->path) }}" 
                        style="width: 100px; height: 100px; margin: 5px; cursor: pointer"
                        class="img-thumbnail imagem"/>
                    <input type="checkbox" name="imagensRemover[]" value="{{$imagem->id}}" />
                @endforeach
            </div>
        </div>

        <strong>Fotos <span class="fa fa-file"></span></strong>
        <div class="row">
            <div class="form-group col-md-12">
                {!! Form::file('imagens[]', ['multiple'=>true, 'accept'=>"image/x-png,image/gif,image/jpeg"]) !!}
            </div>
        </div>    
        <div class="row">
            <div class="form-group col-md-12">
                {!! Form::submit('Editar', ['class' => 'btn btn-primary pull-right']) !!}
            </div>
        </div>
    {!! Form::close() !!}

    <div id="showImagem" class="modal fade" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Imagem</h4>
                </div>
                <div class="modal-body">
                    <img id="imagem-full" style="width: 100%" src="#" />
                </div>
            </div>

        </div>
    </div>
@endsection

@section('js')
    <script type="text/javascript" src="{{ asset('js/adm/clientes.js') }}"></script>
@endsection