@extends('layout.layout')
@section('section_title') Clientes @endsection


@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/lib/ui-confirm/duDialog.min.css')}}" />

    <style>
        .dropdown-menu>.dropdown-item:hover {
            color: #242323;
        }
    </style>


@endsection

@section('breadcrumb')
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/">Home</a></li>
        <li class="breadcrumb-item active">Planos</li>
    </ol>
@endsection


@section('content')
    <planos-component></planos-component>
@endsection

@section('javascript')
    <script src="{{ asset('assets/lib/ui-confirm/duDialog.min.js')}}" type="text/javascript"></script>
    <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 type="text/javascript">

    </script>
@endsection

@section('modals')
    <div class="modal fade modalError" id="" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" type="button" data-dismiss="modal" aria-hidden="true"><i class="icon s7-close"></i></button>
                </div>
                <div class="modal-body">
                    <div class="text-center">
                        <div class="i-circle text-danger"><i class="icon s7-attention"></i></div>
                        <h4>Negado!</h4>
                        <p class="modalErrorMsg"></p>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                </div>
            </div>
        </div>
    </div>
@endsection