@extends('layouts.back')

@section('titulo', $cliente->id ? 'Editar Demonstração' : 'Nova Demonstração')

@section('page_header', $cliente->id ? 'Editar Demonstração' : 'Nova Demonstração')

@push('header_imports')
    <link href="{{ asset('plugins/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
@endpush

@section('content')
    <div class="row">
        <div class="col-lg-12">

            <div class="row mb-3">
                <div class="col-sm-12 text-right">
                    <div class="btn-group">
                        <button class="btn btn-sm btn-success waves-effect waves-light"
                            onclick="$('#form-principal').submit();">Salvar</button>
                        <a href="{{ route('demonstracao.index') }}" type="button"
                            class="btn btn-sm btn-blue-grey waves-effect waves-light space-left-btn-top">Cancelar</a>
                    </div>
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">{{ isset($cliente->id) ? 'Editar Demonstração' : 'Nova Demonstração' }}</h4>
                </div>
                <div class="card-body">

                    @component('components.outros.alerta-erros', compact('errors'))
                    @endcomponent

                    <form
                        action="{{ isset($cliente->id) ? route('demonstracao.update', $cliente->id) : route('demonstracao.store') }}"
                        method="post" class="form-horizontal form-bordered" enctype="multipart/form-data"
                        id="form-principal">

                        @csrf
                        {{ $cliente->id ? method_field('PATCH') : '' }}

                        <div>
                            <div class="form-group">

                                <div class="form-group row">
                                    <label class="col-md-2 control-label label-position" for="fantasia">Nome Fantasia <span
                                            class="required">*</span></label>
                                    <div class="col-md-8 {{ $errors->has('fantasia') ? 'has-error' : '' }}">
                                        <input type="text" class="form-control" name="fantasia" id="fantasia"
                                            minlength="3" maxlength="80" value="{{ old('fantasia', $cliente->fantasia) }}"
                                            required>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-md-2 col-form-label label-position" for="telefone">Telefone</label>
                                    <div class="col-md-8 {{ $errors->has('telefone') ? 'has-error' : '' }}">
                                        <input type="text" class="form-control telefone" name="telefone" id="telefone"
                                            data-plugin-masked-input data-input-mask="(99) 9999-9999"
                                            placeholder="(00) 0000-0000"
                                            value="{{ old('telefone', $cliente->telefone) }}">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-md-2 col-form-label label-position" for="celular">Celular</label>
                                    <div class="col-md-8 {{ $errors->has('celular') ? 'has-error' : '' }}">
                                        <input type="text" class="form-control celular" name="celular" id="celular"
                                            data-plugin-masked-input data-input-mask="(99) 99999-9999"
                                            placeholder="(00) 00000-0000"
                                            value="{{ old('celular', $cliente->celular) }}">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label class="col-md-2 col-form-label label-position" for="email">E-mail</label>
                                    <div class="col-md-8 {{ $errors->has('email') ? 'has-error' : '' }}">
                                        <input type="email" class="form-control" name="email" id="email"
                                            value="{{ old('email', $cliente->email) }}">
                                    </div>
                                </div>

                            </div>
                            <div class="card-footer">
                                <div class="ml-2">
                                    <button type="submit" class="btn btn-success waves-effect waves-light">Salvar</button>
                                    <a href="{{ route('demonstracao.index') }}"
                                        class="btn btn-secondary waves-effect">Cancelar</a>
                                </div>
                            </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('footer_imports_end')
    <script src="{{ asset('plugins/select2/js/select2.min.js') }}"></script>
    <script src="{{ asset('js/mascara.js') }}"></script>
    <script src="{{ asset('js/validations/adm/valida.clientes.js') }}"></script>
@endpush