@extends(layoutTenant())

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title float-left">Lista de tipos de matérias</h4>

                <div class="float-right">
                <form action="{{ routeTenant('materiasTipo.buscar') }}"  class="form form-inline" method="POST">
                  @csrf
                  <input type="text" style="height:40px;width: 70%;" class="form-control" name="buscar">
                    <button type="submit" class="btn btn-primary btn-outline-success">buscar</button>
                    </form>

                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <!-- end row -->
    <form action="{{ routeTenant('materiasTipo.store') }}"  class="form form-group" method="POST">
      @csrf
    <div class="col-md-12">
        @if (session('erro'))
            <div class="alert alert-danger">
                {{ session('erro') }}
            </div>
        @endif
        @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif
        <div class="col-md-12 row align-items-end">
            <div class="col-md-9">
                <label for="name">novo tipo de matéria</label>
                <input type="text" name="name" class="form-control"/>
            </div>
            <div class="col-md-3">
              <button type="submit" class="btn btn-success botao-adicionar">Adicionar novo tipo de matéria</button>
            </div>
        </div>
    </div>
    </form>

    <!-- recent orders  -->
    <!-- ============================================================== -->
    <div class="col-xl-12 col-lg-12 col-md-6 col-sm-12 col-12">
        <div class="card">
            <h5 class="card-header">Tipos de matérias</h5>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table">
                        <thead class="bg-light">
                            <tr class="border-0">
                                <th class="border-0">Tipo de matéria</th>
                                <th class="border-0">Funções</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($materiasTipos as $materiaTipo)
                                <tr>
                                    <td>
                                        <div class="m-r-10">
                                            {{ $materiaTipo->name }}
                                        </div>
                                    </td>

                                    <td width="10%">
                                        <a href="{{ routeTenant('materiasTipo.edit', ['materiasTipo' => $materiaTipo->id]) }}"
                                            title="Editar"
                                            data-confirm3='Tem certeza de que deseja Desativar o item selecionado?'
                                            class="btn btn-primary"> <i class="fa fa-edit" aria-hidden="true"></i></a>
                                        <a href="{{ routeTenant('materiasTipo.delete', ['id' => $materiaTipo->id]) }}"
                                            title="Deletar"
                                            data-confirm='Tem certeza de que deseja Desativar o item selecionado?'
                                            class="btn btn-danger"> <i class="fa fa-trash" aria-hidden="true"></i></a>
                                    </td>
                                </tr>
                            @endforeach

                        </tbody>
                    </table>
                    {!! $materiasTipos->links() !!}
                </div>
            </div>
        </div>
    </div>
    <!-- ============================================================== -->
    <!-- end recent orders  -->
@endsection

@section('post-script')
    <script>
        $(document).ready(function() {
            $('a[data-confirm]').click(function(ev) {
                var href = $(this).attr('href');
                if (!$('#confirm-delete').length) {
                    $('body').append(
                        '<div class="modal" id="confirm-delete" tabindex="-1" role="dialog" ' +
                        'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                        '<div class="modal-content"><div class="modal-header bg-danger text-white">DELETAR TIPO DE MATERIA' +
                        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                        '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
                        'Tem certeza de que deseja deletar o tipo de matéria ?</div><div class="modal-footer">' +
                        '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
                        '</button><a class="btn btn-danger text-white" id="dataComfirmOK">Deletar</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK').attr('href', href);
                $('#confirm-delete').modal({
                    show: true
                });
                return false;

            });
            $('a[data-confirm3]').click(function(ev) {
                var href = $(this).attr('href');
                if (!$('#confirm-delete').length) {
                    $('body').append(
                        '<div class="modal" id="confirm-delete" tabindex="-1" role="dialog" ' +
                        'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                        '<div class="modal-content"><div class="modal-header bg-primary text-white">EDITAR TIPO DE MATERIA' +
                        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                        '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
                        'Tem certeza de que deseja deletar o tipo de matéria ?</div><div class="modal-footer">' +
                        '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
                        '</button><a class="btn btn-primary text-white" id="dataComfirmOK">Editar</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK').attr('href', href);
                $('#confirm-delete').modal({
                    show: true
                });
                return false;

            });
            $('a[data-confirm2]').click(function(ev) {
    ev.preventDefault();
    var href = $(this).attr('href');
    if (!$('#confirm-edit').length) {
        $('body').append(
            '<div class="modal fade" id="confirm-edit" tabindex="-1" role="dialog" ' +
            'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
            '<div class="modal-content"><div class="modal-header bg-primary text-white">EDITAR TIPO DE MATERIA' +
            '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
            '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
            'Tipo de materia? <br>' +
            '<input type="text" id="valor-input" name="valor" class="form-control" placeholder="Digite o novo nome para o tipo da materia" />' +
            '</div><div class="modal-footer">' +
            '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
            '</button><a class="btn btn-danger text-white" id="dataComfirmOK" onclick="event.preventDefault(); updateValorHidden();">Atualizar</a><' +
            '/div></div></div></div>' +
            '<form id="confirm-form" action="' + href +
            '" method="POST" style="display: none;">' +
            '@csrf' +
            '<input type="hidden" name="valor" id="valor-hidden" />' +
            '</form>');
    }

    var token = $('meta[name="csrf-token"]').attr('content');
    $('#dataComfirmOK').attr('onclick', 'event.preventDefault(); document.getElementById(\'confirm-form\').submit();');
    $('#confirm-form').attr('action', href);
    $('#confirm-form').append('<input type="hidden" name="_token" value="' + token + '">');

    $('#confirm-edit').modal({
        show: true
    });

    return false;
});

function updateValorHidden() {
    var valorInput = $('#valor-input').val();
    $('#valor-hidden').val(valorInput);
}




        });
    </script>
@endsection