@extends('layout.layout')


@section('section_title') {{ $section_title }} @endsection

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/lib/dropzone/dropzone.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('assets/lib/ui-confirm/duDialog.min.css')}}" />
<style>
    .dropzone {
        padding: 0 !important;
    }

    .dz-image {
        width: 160px !important;
        height: 160px !important;
    }

    .dz-image img {
        width: 100% !important;
    }

    .tab-content {
        background-color: transparent !important;
    }
</style>

<link rel="stylesheet" type="text/css" href="{{ asset('assets/lib/bootstrap-touchspin/jquery.bootstrap-touchspin.min.css') }}" />
<link rel="stylesheet" type="text/css" href="https://daneden.github.io/animate.css/animate.min.css" />
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/">Home</a></li>
    <li class="breadcrumb-item"><a href="/observações">Observações</a></li>
    <li class="breadcrumb-item active">{{ $section_title }}</li>
</ol>
@endsection
@section('content')

<div class="row">
    <div class="col-sm-12">
        <p class=" {{Session::has('message') ? '' : 'd-none'}} alert animated fadeIn {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('message') }}
        </p>
    </div>
</div>
@if(isset($observacao))
<form role="form" name="formContato" method="PUT" action="/api/observacoes/{{$observacao->id}}">
    @else
    <form role="form" name="formContato" method="POST" action="/api/observacoes/store">
        @endif
        <input type="hidden" name="id" value="{{ isset($observacao->id) ? $observacao->id : '' }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <label>Título</label>
                                    <input class="form-control" type="text" placeholder="Título" name="titulo" value="{{isset($observacao->titulo) ? $observacao->titulo : ''}}">
                                    <ul class="parsley-errors-list filled" style="display:none" for="titulo">
                                        <li class="parsley-required"></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card-footer">
            <div class="text-inverse">
                <a href="/sistema/observacoes" class="btn btn-space btn-secondary" type="button">Cancelar</a>
                <button class="btn btn-space btn-primary sendForm" type="button">Salvar</button>
            </div>
        </div>
    </form>
    @endsection

    @section('modals')
    @endsection

    @section('javascript')
    <script src="{{ asset('assets/lib/moment.js/moment.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/lib/moment.js/locale/pt-br.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/lib/bootstrap-touchspin/jquery.bootstrap-touchspin.min.js')}}" type="text/javascript">
    </script>
    <script src="{{ asset('assets/lib/ui-confirm/duDialog.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/js/pages/observacoes/observacoes_crud.js') }}" type="text/javascript"></script>
    @endsection