@include('system-layouts.layout-head')
@include('mod-proposal-template.title')

<div class="container-fluid">
    <pre>
        {{--{{dd($record)}}--}}
    </pre>
    <!-- contentiner -->
    <!-- col -->
    <div class="card">
        <div class="card-header m-b-20">
            <h4 class="text-themecolor ">Editar</h4>
        </div>
        <!-- card -->
        <div class="card-body">

            <form action="{{ asset('mod-proposal-template/edit') }}" method="post" class="needs-validation error"
                  novalidate id="actionIndex">

                <div class="form-row">
                    <div class="col-3">
                        Nome do template
                    </div>
                    <div class="col-sm-5">
                        <h3> {{$record->xName}}</h3>
                        <h6>{!! $record->description  !!}</h6>
                    </div>
                </div>
                <div class="row">
                    <div class="col-3">Espaço alocado</div>
                    <div class="col-6">
                        <div class="progress m-t-5 " title="{{--$porcentage--}}%">
                            <div class="progress-bar bg-success"
                                 style="width: {{--$porcentage--}}%; height:15px;"
                                 role="progressbar"> {{-- round($record_fileuser->spaceAvailable, 2)--}} Mb
                            </div>
                        </div>
                    </div>
                </div>

                <hr>
                <h3>Cabeçalho</h3>
                <div class="form-group row m-l-5">
                    <div class="col-sm-3">
                        Fundo</div>

                    <div class="col-sm-2">
                        <input class="form-control" type="color" value="{{$record->headerBackgroundCor}}" id="example-color-input">
                    </div>
                </div>
                <div class="form-row  m-l-5">
                    <div class="col-sm-3">Logo da empresa</div>
                    <div class="col-lg-7">
                        <div class="fileinput input-group fileinput-exists" data-provides="fileinput">
                            <div class="form-control" data-trigger="fileinput">
                                <i class="glyphicon glyphicon-file fileinput-exists"></i>
                                <span class="fileinput-filename"></span>
                            </div>
                            <span class="input-group-addon btn btn-default btn-file">
                                <span class="fileinput-new text-info"><i class="fa fa-paperclip"></i></span>
                                <span class="fileinput-exists text-info"><i class="fa fa-paperclip fonf-20"></i></span>
                                    <input type="file" name="xFile" id="xFile">
                                </span>
                            <a href="#"
                               class="input-group-addon btn btn-default fileinput-exists font-18 text-warning"
                               data-dismiss="fileinput"><i class="mdi mdi-close"></i></a>

                        </div>
                        <input type="hidden" name="xFileCapacity" id="xFileCapacity"
                               value="{{--$record_fileuser->spaceAvailableBytes--}}">
                    </div>
                    <div class="col-sm-2 font-24">
                        <img src="{{url('img/')}}/{{$record->headerLogoImg}}" style="width: 24px;">
                        <i class="fa fa-file-photo-o"></i>
                    </div>
                </div>
                <hr>
                <h3>Cliente</h3>
                <div class="form-row m-l-5">
                    <div class="col-sm-3">
                        Titulo
                    </div>
                    <div class="col-sm-7">
                        <input type="text" name="client_h1_text" id="client_h1_text" class="form-control" required=""
                               data-validation-required-message="This field is required" value="{{--$record->xName--}}">
                    </div>
                    <div class="col-sm-2">
                        <input class="form-control" type="color" value="#563d7c" id="example-color-input">
                    </div>
                </div>


                <hr>
                <h3>Banner</h3>

                <div class="form-group row m-l-5">
                    <div class="col-sm-3">
                       Cor do Fundo</div>

                    <div class="col-sm-2">
                        <input class="form-control" type="color" value="#563d7c" id="example-color-input">
                    </div>
                </div>

                <div class="form-group row m-l-5">
                    <div class="col-sm-3">Imagem: Fundo do banner</div>
                    <div class="col-lg-8">
                        <div class="fileinput input-group fileinput-exists" data-provides="fileinput">
                            <div class="form-control" data-trigger="fileinput">
                                <i class="glyphicon glyphicon-file fileinput-exists"></i>
                                <span class="fileinput-filename"></span>
                            </div>
                            <span class="input-group-addon btn btn-default btn-file">
                                <span class="fileinput-new text-info"><i class="fa fa-paperclip"></i></span>
                                <span class="fileinput-exists text-info"><i class="fa fa-paperclip fonf-20"></i></span>
                                    <input type="file" name="xFile" id="xFile">
                                </span>
                            <a href="#"
                               class="input-group-addon btn btn-default fileinput-exists font-18 text-warning"
                               data-dismiss="fileinput"><i class="mdi mdi-close"></i></a>

                        </div>
                        <input type="hidden" name="xFileCapacity" id="xFileCapacity"
                               value="{{--$record_fileuser->spaceAvailableBytes--}}">
                    </div>
                </div>
                <div class="form-group row m-l-5">
                    <div class="col-sm-3">Imagen: Banner flutuante</div>
                    <div class="col-lg-8">
                        <div class="fileinput input-group fileinput-exists" data-provides="fileinput">
                            <div class="form-control" data-trigger="fileinput">
                                <i class="glyphicon glyphicon-file fileinput-exists"></i>
                                <span class="fileinput-filename"></span>
                            </div>
                            <span class="input-group-addon btn btn-default btn-file">
                                <span class="fileinput-new text-info"><i class="fa fa-paperclip"></i></span>
                                <span class="fileinput-exists text-info"><i class="fa fa-paperclip fonf-20"></i></span>
                                    <input type="file" name="xFile" id="xFile">
                                </span>
                            <a href="#"
                               class="input-group-addon btn btn-default fileinput-exists font-18 text-warning"
                               data-dismiss="fileinput"><i class="mdi mdi-close"></i></a>

                        </div>
                        <input type="hidden" name="xFileCapacity" id="xFileCapacity"
                               value="{{--$record_fileuser->spaceAvailableBytes--}}">

                    </div>
                </div>

                <div class="form-group row m-l-5">
                    <div class="col-sm-3">
                        Titulo
                    </div>
                    <div class="col-sm-7">
                        <input type="text" name="client_h1_text" id="client_h1_text" class="form-control" required=""
                               data-validation-required-message="This field is required" value="{{--$record->xName--}}">
                    </div>
                </div>
                <div class="form-group row m-l-5">
                    <div class="col-sm-3">
                        Descrição
                    </div>
                    <div class="col-sm-7">
                        <textarea class="form-control " maxlength="550" name="description" rows="4"
                                  placeholder="Enter texto ..."></textarea>
                    </div>
                </div>



                <hr>
                <h3>Contato</h3>
                <div class="form-group row m-l-5">
                    <div class="col-sm-3">
                        Titulo
                    </div>
                    <div class="col-sm-7">
                        <input type="text" name="client_h1_text" id="client_h1_text" class="form-control" required=""
                               data-validation-required-message="This field is required" value="{{--$record->xName--}}">
                    </div>
                    <div class="col-sm-2">
                        <input class="form-control" type="color" value="#563d7c" id="example-color-input">
                    </div>
                </div>

                <div class="form-group row m-l-5" >
                    <div class="col-sm-3">
                        Subtitulo
                    </div>
                    <div class="col-sm-7">
                        <input type="text" name="client_h1_text" id="client_h1_text" class="form-control" required=""
                               data-validation-required-message="This field is required" value="{{--$record->xName--}}">
                    </div>
                    <div class="col-sm-2">
                        <input class="form-control" type="color" value="#563d7c" id="example-color-input">
                    </div>
                </div>

                <div class="form-group row m-l-5">
                    <div class="col-sm-3">
                        Descrição
                    </div>
                    <div class="col-sm-7">
                        <textarea class="form-control " maxlength="550" name="description" rows="4"
                                  placeholder="Enter texto ..."></textarea>
                    </div>
                    <div class="col-sm-2">
                        <input class="form-control" type="color" value="#563d7c" id="example-color-input">
                    </div>
                </div>


                <h4>Vendedor</h4>
                <div class="form-group row m-l-5">
                    <div class="col-sm-3">
                        Imagem
                    </div>
                    <div class="col-sm-4">
                        <div class="demo-radio-button">
                            <input name="group5" type="radio" id="radio_30" class="with-gap radio-col-light-blue" checked="">
                            <label for="radio_30" style="width: 80px;">Ativo</label>
                            <input name="group5" type="radio" id="radio_31" class="with-gap radio-col-blue-grey">
                            <label for="radio_31">Desativado</label>
                        </div>
                    </div>
                    <div class="col-sm-5">
                        A imagem do login do vendedor, poderá ser apresentado na proposta, criando uma humanização da negociação.
                    </div>
                </div>
                <div class="form-group row m-l-5">
                    <div class="col-sm-3">
                        Nome
                    </div>
                    <div class="col-sm-4">
                        <div class="demo-radio-button">
                            <input name="group5" type="radio" id="radio_30" class="with-gap radio-col-light-blue" checked="">
                            <label for="radio_30" style="width: 80px;">Ativo</label>
                            <input name="group5" type="radio" id="radio_31" class="with-gap radio-col-blue-grey">
                            <label for="radio_31">Desativado</label>
                        </div>
                    </div>
                    <div class="col-sm-5">
                        A imagem do login do vendedor, poderá ser apresentado na proposta, criando uma humanização da negociação.
                    </div>
                </div>
                <div class="form-group row m-l-5">
                    <div class="col-sm-3">
                        E-mail
                    </div>
                    <div class="col-sm-4">
                        <div class="demo-radio-button">
                            <input name="group5" type="radio" id="radio_30" class="with-gap radio-col-light-blue" checked="">
                            <label for="radio_30" style="width: 80px;">Ativo</label>
                            <input name="group5" type="radio" id="radio_31" class="with-gap radio-col-blue-grey">
                            <label for="radio_31">Desativado</label>
                        </div>
                    </div>
                    <div class="col-sm-5">
                        A imagem do login do vendedor, poderá ser apresentado na proposta, criando uma humanização da negociação.
                    </div>
                </div>
                <div class="form-group row m-l-5">
                    <div class="col-sm-3 ">
                        Celular
                    </div>
                    <div class="col-sm-4">
                        <div class="demo-radio-button">
                            <input name="group5" type="radio" id="radio_30" class="with-gap radio-col-light-blue" checked="">
                            <label for="radio_30" style="width: 80px;">Ativo</label>
                            <input name="group5" type="radio" id="radio_31" class="with-gap radio-col-blue-grey">
                            <label for="radio_31">Desativado</label>
                        </div>
                    </div>
                    <div class="col-sm-5">
                        A imagem do login do vendedor, poderá ser apresentado na proposta, criando uma humanização da negociação.
                    </div>
                </div>


                <hr>
                <h3>Rodapé</h3>

                <div class="form-group row m-l-5">
                    <div class="col-sm-3">Fundo do banner</div>
                    <div class="col-lg-8">
                        <div class="fileinput input-group fileinput-exists" data-provides="fileinput">
                            <div class="form-control" data-trigger="fileinput">
                                <i class="glyphicon glyphicon-file fileinput-exists"></i>
                                <span class="fileinput-filename"></span>
                            </div>
                            <span class="input-group-addon btn btn-default btn-file">
                                <span class="fileinput-new text-info"><i class="fa fa-paperclip"></i></span>
                                <span class="fileinput-exists text-info"><i class="fa fa-paperclip fonf-20"></i></span>
                                    <input type="file" name="xFile" id="xFile">
                                </span>
                            <a href="#"
                               class="input-group-addon btn btn-default fileinput-exists font-18 text-warning"
                               data-dismiss="fileinput"><i class="mdi mdi-close"></i></a>

                        </div>
                        <input type="hidden" name="xFileCapacity" id="xFileCapacity"
                               value="{{--$record_fileuser->spaceAvailableBytes--}}">
                    </div>
                </div>
                <div class="form-group row m-l-5">
                    <div class="col-sm-3">Logo</div>
                    <div class="col-lg-8">
                        <div class="fileinput input-group fileinput-exists" data-provides="fileinput">
                            <div class="form-control" data-trigger="fileinput">
                                <i class="glyphicon glyphicon-file fileinput-exists"></i>
                                <span class="fileinput-filename"></span>
                            </div>
                            <span class="input-group-addon btn btn-default btn-file">
                                <span class="fileinput-new text-info"><i class="fa fa-paperclip"></i></span>
                                <span class="fileinput-exists text-info"><i class="fa fa-paperclip fonf-20"></i></span>
                                    <input type="file" name="xFile" id="xFile">
                                </span>
                            <a href="#"
                               class="input-group-addon btn btn-default fileinput-exists font-18 text-warning"
                               data-dismiss="fileinput"><i class="mdi mdi-close"></i></a>

                        </div>
                        <input type="hidden" name="xFileCapacity" id="xFileCapacity"
                               value="{{--$record_fileuser->spaceAvailableBytes--}}">
                    </div>
                </div>

                <div class="form-group row m-l-5">
                    <div class="col-sm-3">
                        Titulo
                    </div>
                    <div class="col-sm-7">
                        <input type="text" name="client_h1_text" id="client_h1_text" class="form-control" required=""
                               data-validation-required-message="This field is required" value="{{--$record->xName--}}">
                    </div>
                    <div class="col-sm-2">
                        <input class="form-control" type="color" value="#563d7c" id="example-color-input">
                    </div>
                </div>
                <div class="form-group row m-l-5">
                    <div class="col-sm-3">
                        Site
                    </div>
                    <div class="col-sm-7">
                        <input type="text" name="client_h1_text" id="client_h1_text" class="form-control" required=""
                               data-validation-required-message="This field is required" value="{{--$record->xName--}}">
                    </div>

                </div>
                <div class="form-group row m-l-5">
                    <div class="col-sm-3">
                        Endereço
                    </div>
                    <div class="col-sm-7">
                        <input type="text" name="client_h1_text" id="client_h1_text" class="form-control" required=""
                               data-validation-required-message="This field is required" value="{{--$record->xName--}}">
                    </div>
                </div>

                <div class="form-group row m-l-5">
                    <div class="col-sm-3">
                        Fone/Cel
                    </div>
                    <div class="col-sm-7">
                        <input type="text" name="client_h1_text" id="client_h1_text" class="form-control" required=""
                               data-validation-required-message="This field is required" value="{{--$record->xName--}}">
                    </div>

                </div>


                <input type="hidden" name="idProposalTemplate" value="{{ $record->idProposalTemplate }}">
                <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}">
                <hr>
                <div class="row p-t-20">
                    <div class="col-md-8"></div>
                    <div class="col-md-4">
                        <div class="btn-group btn-group  float-right" role="group" aria-label="Basic example">
                            <button type="submit" class="btn waves-effect waves-light btn-primary">    <i
                                    class="ti-save"></i> salvar    
                            </button>
                            <a href="{{asset('mod-proposal-template/edit')}}"
                               class="btn waves-effect waves-light btn-secondary" data-dismiss="modal"
                               aria-hidden="true"> <i class="fa fa-chevron-left"></i> Voltar</a>
                        </div>
                    </div>
                </div>

            </form>

        </div>


        <!--/ card -->
    </div>
    <!--/ end col -->
    <!--/ end contentiner -->
</div>
@include('system-layouts.layout-footer')