@extends('layouts.digitar')

@section('Breadcrumbs')
    {!! Breadcrumbs::render('documents.list') !!}
@endsection

@section('content')
    @php
        $url = $_SERVER['HTTP_HOST'];
    @endphp
    <link href="{{ asset('assets/css/newCard/card.css') }}" rel="stylesheet">
    <div class="the-box custom-container-table rounded">
        <div class="row">
            <div class="col-md-2">
                <div class="btn-toolbar" role="toolbar">
                    <div class="btn-group">
                        @shield('documents.delete')
                            <a href="javascript:void(0)" onclick="deletaBash()" style="display: none;" class="deleteAll">
                                <button type="button" class="btn btn-danger">
                                    <i class="fa fa-trash"></i> DELETAR SELECIONADOS
                                </button>
                            </a>
                        @endshield
                        @shield('lawsProjects.create')
                            <a href="{!! route('lawsProjects.create') !!}">
                                <button type="button" class="btn btn-info">
                                    <i class="fa fa-plus-circle"></i> Novo registro
                                </button>
                            </a>
                        @endshield
                    </div>
                </div>
            </div>
            <form method="GET">
                <input type="hidden" name="has-filter" value="true">
                @csrf
                <div class="col-md-4">
                    <input name="content" class="form-control mr-sm-2" type="text" placeholder="Buscar"
                        aria-label="Search" value="{!! $form->input('content') != null ? $form->input('content') : '' !!}">
                </div>
                <div class="col-md-2">
                    <button type="submit" class="btn btn-primary custom-search" type="submit">Pesquisar</button>
                </div>
                <div class="col-md-2">
                    <button type="reset" class="btn btn-block btn tooltip-custom custom-reset"
                        onclick="limparURLERecarregar()">
                        <i class="fa fa-recycle"></i>
                        <span class="tooltip-text">Reset</span>
                    </button>
                </div>
                <div class="col-md-2">
                    <div class="container-table-grid-button">
                        <div class="container-table-border-button">
                            <a href="/lawsProjects" onclick="changeViewProject(0)"><i class="fa fa-th-large custom-icon"
                                    aria-hidden="true"></i></a>

                            <a href="/projects/table/show" onclick="changeViewProject(1)"><i
                                    class="fa fa-check list-table-custom-check" aria-hidden="true"></i><i
                                    class="fa fa-list custom-table-icon" aria-hidden="true"></i></a>
                        </div>
                    </div>
                </div>
        </div>

        <div class="container">
            <div class="container-fluid">

                <div class="row">
                    <div class="form-group col-md-3">
                        <div class="container-nav">
                            <div class="row">
                                <div class="col-md-12">
                                    <button type="button" class="btn btn-default btn-advanced-button" data-toggle="modal"
                                        data-target="#exampleModal" disabled>
                                        <i class="fa fa-plus-square" aria-hidden="true"></i> Pesquisa avançada
                                    </button>

                                </div><br /><br />
                            </div>
                            <hr>
                            {!! Form::label('date', 'Registro:') !!}
                            {!! Form::text('created_at', $form->input('updated_at'), [
                                'class' => 'form-control datepicker text-center',
                                'minlength' => '10',
                                'maxlength' => '10',
                            ]) !!}

                            {!! Form::label('owner_id', 'Tipo:', ['class' => 'custom-padding']) !!}
                            {!! Form::select(
                                'law_type_id',
                                App\Models\LawsType::where('is_active', true)->pluck('name', 'id')->prepend('Selecione...', ''),
                                $form->input('law_type_id'),
                                ['class' => 'form-control'],
                            ) !!}

                            {!! Form::label('date', 'Número:', ['class' => 'custom-padding']) !!}
                            {!! Form::input('number', 'project_number', $form->input('project_number'), [
                                'class' => 'form-control',
                                'min' => 0,
                            ]) !!}

                            {!! Form::label('date', 'Ano:', ['class' => 'custom-padding']) !!}
                            {!! Form::input('number', 'law_date', $form->input('law_date'), [
                                'class' => 'form-control',
                                'min' => 1000,
                                'max' => 9999,
                            ]) !!}

                            <div class="row">
                                <div class="form-group col-md-4">
                                    {!! Form::label('assemblyman_inactive', 'Inativos', ['class' => 'custom-padding']) !!}
                                    {!! Form::checkbox('assemblyman_inactive', null, $form->input('assemblyman_inactive'), [
                                        'class' => 'form-control',
                                        'id' => 'assemblymanInactiveCheckbox',
                                    ]) !!}
                                </div>
                                <div class="form-group col-md-8">
                                    {!! Form::label('assemblyman_id', 'Responsável:', ['class' => 'custom-padding']) !!}
                                    {!! Form::select('assemblyman_id', $assemblymensList, $form->input('assemblyman_id'), [
                                        'class' => 'form-control',
                                        'id' => 'assemblymanSelect',
                                    ]) !!}
                                    {!! Form::select('assemblyman_id_inactive', $assemblymensListInactive, $form->input('assemblyman_id_inactive'), [
                                        'class' => 'form-control',
                                        'style' => 'display: none;',
                                        'id' => 'assemblymanInactiveSelect',
                                    ]) !!}
                                </div>
                            </div>
                            <hr>
                            <button type="submit" class="btn btn-primary custom-search-project"
                                type="submit">Pesquisar</button>
                            </form>

                        </div>
                    </div>

                    <div class="form-group col-md-9">
                        <div class="container-table">
                            <div class="table-content">
                                <table class="table-striped table-hover table-sm table">
                                    <thead>
                                        <tr>
                                            <th scope="col-md-6">Descrição</th>
                                            <th scope="col-md-6">Votação</th>
                                            <th scope="col-md-3">Anexos</th>
                                            <th scope="col-md-3">Assinatura</th>
                                            <th scope="col-md-3">Tramitação</th>
                                            <th scope="col-md-3">Ver Doc.</th>
                                        </tr>
                                    </thead>

                                    <tbody id="table-documents">
                                        @foreach ($lawsProjects as $projects)
                                            <tr>
                                                <td scope="row" class="tooltip-custom custom-td">
                                                    @if ($projects->protocol > 0)
                                                        Protocolado: <i class="fa fa-check-square-o"
                                                            aria-hidden="true"></i><br /><br />
                                                    @else
                                                        Protocolado: <i class="fa fa-close"
                                                            aria-hidden="true"></i><br /><br />
                                                    @endif
                                                    <span class="tooltip-text">Informações</span>
                                                    <i type="button" data-toggle="modal" data-target="#modalInfo"
                                                        aria-hidden="true" onclick="getIdProjects('{{ $projects->id }}')">
                                                        <strong>
                                                            {!! $projects->project_number . '/' . $projects->getYearLawPublish($projects->law_date) !!}
                                                            -
                                                            @if (!$projects->law_type)
                                                                {{ $projects->law_type_id }}
                                                            @else
                                                                {{ mb_strtoupper($projects->law_type->name, 'UTF-8') }}
                                                            @endif
                                                        </strong><br>

                                                        {!! substr(strip_tags($projects->title), 0, strrpos(substr(strip_tags($projects->title), 0, 100), ' ')) . '...' !!}
                                                    </i>

                                                    @if ($url == 'cmcorumba.localhost:8000' || $url == 'cmcorumba.legissuper.com.br')
                                                        @if (Auth::user()->sector_id == 1)
                                                            <span>
                                                                <strong>Aprovação:</strong>
                                                                <br>
                                                                <label>
                                                                    <input type="checkbox" id='town_hall{{ $projects->id }}'
                                                                        onchange='toogleApproved({{ $projects->id }})'
                                                                        class='form-control switch' data-on-text='Sim'
                                                                        data-off-text='Não' data-off-color='danger'
                                                                        data-on-color='success' data-size='normal'
                                                                        @if ($projects->town_hall == 1) checked @endif>
                                                                </label>
                                                            </span>
                                                        @endif
                                                    @else
                                                        <span>
                                                            <div class="row">
                                                                <div class="col-md-4">
                                                                    <strong>Aprovação:</strong>
                                                                </div>
                                                                <div class="col-md-9">
                                                                    <label>
                                                                        <input type="checkbox"
                                                                            id='town_hall{{ $projects->id }}'
                                                                            onchange='toogleApproved({{ $projects->id }})'
                                                                            class='form-control switch' data-on-text='Sim'
                                                                            data-off-text='Não' data-off-color='danger'
                                                                            data-on-color='success' data-size='normal'
                                                                            @if ($projects->town_hall == 1) checked @endif>
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </span>
                                                    @endif

                                                    @if ($url == 'cmcorumba.localhost:8000' || $url == 'cmcorumba.legissuper.com.br')
                                                        @if (Auth::user()->sector_id == 1)
                                                            <span>
                                                                <strong>Lida:</strong>
                                                                @shield('lawsProject.read')
                                                                    <label>
                                                                        <input
                                                                            onchange="changeRead('{!! $projects->id !!}')"
                                                                            type="checkbox" {!! $projects->is_read > 0 ? 'checked' : '' !!}>
                                                                    </label>
                                                                @endshield
                                                            </span>
                                                        @endif
                                                    @else
                                                        <strong>Lida:</strong>
                                                        @shield('lawsProject.read')
                                                            <label>
                                                                <input onchange="changeRead('{!! $projects->id !!}')"
                                                                    type="checkbox" {!! $projects->is_read > 0 ? 'checked' : '' !!}>
                                                            </label>
                                                        @endshield
                                                        </span>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($projects->voting)
                                                        <a type="button" class="btn btn-default btn-sm tooltip-custom"
                                                            data-toggle="modal" data-target="#votes_{{ $projects->id }}">
                                                            <i class="fas fa-vote-yea"></i>
                                                            <span class="tooltip-text">Votação</span>
                                                        </a>
                                                    @else
                                                        <button type="button"
                                                            class="btn btn-default btn-sm tooltip-custom"
                                                            data-toggle="modal" data-target="#votes_{{ $projects->id }}"
                                                            disabled>
                                                            <i class="fas fa-vote-yea"></i>
                                                            <span class="tooltip-text">Votação</span>

                                                        </button>
                                                    @endif
                                                </td>
                                                <td>
                                                    <a href="/lawproject/{{ $projects->id }}/addFiles">
                                                        <button class="btn btn-primary tooltip-custom">
                                                            <i class="fa fa-clipboard"aria-hidden="true"></i>
                                                            <span class="tooltip-text">Anexos</span>
                                                        </button>
                                                    </a>
                                                </td>
                                                <td>

                                                    <a href="{!! route('lawsrojects.signature', [$projects->id]) !!}">
                                                        <button type="submit" class="btn btn-default tooltip-custom">
                                                            <i class="fa fa-pencil-square" aria-hidden="true"></i>
                                                            <span class="tooltip-text">Assinatura</span>
                                                        </button>
                                                    </a>

                                                </td>
                                                <td>
                                                    @if (!Auth::user()->can_request_executive_not_root || Auth::user()->hasRole('root'))
                                                        @shield('lawsProject.advices')
                                                            <a href="{!! route('lawsProjects.advices', [$projects->id]) !!}">
                                                                <button class="btn btn-warning tooltip-custom">
                                                                    <i class="fa fa-paper-plane" aria-hidden="true"></i>
                                                                    <span class="tooltip-text">Tramitação</span>
                                                                </button>
                                                            </a>
                                                        @endshield
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($projects->id)
                                                        <a href="{{ route('lawsProjectDetails', $projects->id) }}">
                                                            <button type="submit" class="btn btn-danger tooltip-custom">
                                                                <i class="fa fa-eye" aria-hidden="true"></i>
                                                                <span class="tooltip-text">Visualizar</span>
                                                            </button>
                                                        </a>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($projects->id)
                                                        <form action="{{ route('lawsProjects.destroy', $projects->id) }}"
                                                            method="POST"
                                                            onsubmit="return confirm('Tem certeza que deseja deletar este projeto?');">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="submit" class="btn btn-danger tooltip-custom">
                                                                <i class="fa fa-trash-o" aria-hidden="true"></i>
                                                                <span class="tooltip-text">Deletar</span>
                                                            </button>
                                                        </form>
                                                    @endif
                                                </td>
                                            </tr>
                                            @if ($projects->voting)
                                                <div class="modal fade" id="votes_{{ $projects->id }}" tabindex="-1"
                                                    role="dialog" aria-hidden="true" style="display: none;">
                                                    <div class="modal-dialog">
                                                        <div class="modal-content modal-no-shadow">
                                                            <div class="modal-header bg-dark no-border">
                                                                <button type="button" class="close"
                                                                    data-dismiss="modal" aria-hidden="true">×</button>
                                                                <h4 class="modal-title">
                                                                    VOTACÃO :

                                                                    @if (!$projects->law_type)
                                                                        {{ $projects->law_type_id }}
                                                                    @else
                                                                        {!! mb_strtoupper($projects->law_type->name, 'UTF-8') !!}
                                                                    @endif

                                                                    <span id="tdLawProjectNumber{{ $projects->id }}">
                                                                        {!! $projects->project_number . '/' . $projects->getYearLawPublish($projects->law_date) !!}
                                                                    </span>
                                                                </h4>
                                                            </div>
                                                            <div class="modal-body">
                                                                <ul class="list-group" id="list_votacao">
                                                                    @foreach ($projects->voting()->get() as $item)
                                                                        <li class="list-group-item">
                                                                            Data da votação :
                                                                            {{ date('d/m/Y', strtotime($item->open_at)) }}

                                                                            <span
                                                                                class="pull-right @if ($item->situation($item)) text-primary @else text-danger @endif">
                                                                                @if ($item->situation($item))
                                                                                    Votação Aprovada
                                                                                @else
                                                                                    Votação Reprovada
                                                                                @endif
                                                                            </span>
                                                                        </li>
                                                                    @endforeach
                                                                </ul>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-default"
                                                                    data-dismiss="modal">Fechar</button>
                                                            </div><!-- /.modal-footer -->
                                                        </div><!-- /.modal-content .modal-no-shadow -->
                                                    </div><!-- /.modal-dialog -->
                                                </div>
                                            @endif
                                        @endforeach

                                    </tbody>
                                </table>
                                {!! $lawsProjects->appends(request()->input())->render() !!}

                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>


        <div id="modalApproved" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Aprovar lei</h4>
                    </div>
                    <div class="modal-body">
                        <div align="center"><label class="label label-danger" id="labelmessage"></label></div>
                        <input type="hidden" name="law_project_id" id="law_project_id">
                        <div class="form-group col-sm-12">
                            {!! Form::label('law_place_id', 'Local de publicação') !!}
                            {!! Form::select('law_place_id', $law_places, null, [
                                'class' => 'form-control',
                                'id' => 'law_place_id',
                                'required',
                            ]) !!}
                        </div>
                        <div class="form-group col-sm-12">
                            {!! Form::label('law_number', 'Número lei oficial:') !!}
                            {!! Form::text('law_number', null, ['class' => 'form-control', 'id' => 'law_number']) !!}
                        </div>
                        <div class="form-group col-sm-12">
                            {!! Form::label('date_publish', 'Data de publicação:') !!}
                            {!! Form::text('date_publish', null, ['class' => 'form-control datepicker', 'id' => 'date_publish']) !!}
                        </div>
                        <div class="form-group col-sm-12">
                            {!! Form::label('year_law', 'Ano lei oficial:') !!}
                            {!! Form::text('year_law', null, ['class' => 'form-control', 'id' => 'year_law', 'readonly']) !!}
                            <label class="label label-info">*Campo não pode ser alterado.</label>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Fechar</button>
                        <button type="button" class="btn btn-success pull-right" id="btn-save-law">Salvar</button>
                    </div>
                </div>
            </div>
        </div>


        @include('lawsProjects.modalAvancedSearch')
        <script src="{!! asset('chosen_v1.8.7/chosen.jquery.js') !!}" type="text/javascript"></script>
        <script>
            function limparURLERecarregar() {
                window.location = '/projects/table/show';
            }

            $(document).ready(function() {
                var isChecked = $('#assemblymanInactiveCheckbox').prop('checked');

                if (isChecked) {
                    $('#assemblymanSelect').hide();
                    $('#assemblymanInactiveSelect').show();
                } else {
                    $('#assemblymanSelect').show();
                    $('#assemblymanInactiveSelect').hide();
                }

                $('#assemblymanInactiveCheckbox').on('change', function() {
                    var isChecked = $(this).prop('checked');
                    if (isChecked) {
                        $('#assemblymanSelect').hide();
                        $('#assemblymanInactiveSelect').show();
                    } else {
                        $('#assemblymanSelect').show();
                        $('#assemblymanInactiveSelect').hide();
                    }
                });
            });



            var projectId = 0;

            function getIdProjects(id) {
                projectId = id;
                getProjectData(id)
            }

            function sweet(e) {
                var url = `/lawsProject/` + projectId;

                var data = {
                    '_token': '{{ csrf_token() }}'
                };

                sweetDelete(e, url, data)
            }

            const changeRead = function(id) {
                const url = '/lawsProjects-read/' + id + '/toggle';
                $.ajax({
                    method: "GET",
                    url: url,
                    dataType: "json"
                }).success(function(result) {});
            };

            const toogleApproved = function(id) {

                url = '/lawproject/' + id + '/toogleApproved';

                $('#date_publish').val('');

                $.ajax({
                    method: "GET",
                    url: "{{ url('lawProjectApproved') }}/" + id,
                    dataType: "json"
                }).success(function(result) {

                    if (result.approved === true) {
                        $('#modalApproved').modal('hide');
                    } else {
                        $('#law_project_id').val(result.data.law_project_id);
                        $('#law_number').val(result.data.next_number);
                        $('#year_law').val(result.data.year);
                        $('#labelmessage').html('');
                        $('#modalApproved').modal('show');
                    }
                });

                data = {
                    town_hall: $('#town_hall' + id).is(':checked'),
                    _token: '{{ csrf_token() }}'
                }

                $.ajax({
                    url: url,
                    data: data,
                    method: 'POST'
                }).success(function(res) {
                    res = JSON.parse(res);
                    console.log(res)
                    if (res) {
                        toastr.success("Registro alterado com sucesso!");
                    } else {
                        toastr.error("Falha ao alterar registro!");
                    }
                })
            }

            function getProjectData(id) {
                let url = '/toggle/projects/get/data/' + id;

                data = {
                    id: id,
                    '_token': '{{ csrf_token() }}'
                };

                $('#cod_project').html('');
                $('#date_project').html('');
                $('#project_protocolo').html('');
                $('#assemblyman').html('');
                $('#commissions').html('');
                $('#reference').html('');
                $('#town_hall').html('');
                $('#approved').html('');

                $.ajax({
                    url: url,
                    data: data,
                    method: 'GET'
                }).success(function(data) {
                    var converted_data = JSON.parse(data);

                    if (converted_data.only_protocol != null) {
                        $('#is-not-protocoled').hide();
                        $('#is-protocoled').show();

                        $('#project_number_edit').val(converted_data.project_number);
                        $('#protocol_edit').val(converted_data.only_protocol);
                        $('#date_protocol_edit').val(converted_data.project_protocol_date);

                        console.log(converted_data.project_number, converted_data.only_protocol, converted_data
                            .project_protocol_date);

                    } else {
                        $('#is-protocoled').hide();
                        $('#is-not-protocoled').show();
                    }

                    $('#cod_project').prepend('Codigo: ' + converted_data.cod_project);
                    $('#date_project').prepend('Data: ' + converted_data.date_project);
                    $('#project_protocolo').prepend('Protocolo: ' + converted_data.protocol);
                    $('#assemblyman').prepend('Responsável: ' + converted_data.assemblyman);
                    $('#commissions').prepend('Comissão: ' + converted_data.commissions);
                    $('#reference').prepend('Referente à: ' + converted_data.reference);
                    $('#town_hall').prepend('Aprovado pela câmara: ' + converted_data.town_hall);
                    if (converted_data.approved === null) {

                        $('#approved').prepend(
                            '<div class="container-approved">Aprovado: <p class="no-approved">Não</p></div>');
                    } else {
                        $('#approved').prepend('<div class="container-approved">Aprovado: <p class="yes-approved">' +
                            converted_data.approved + '</p></div>');
                    }
                });
            }

            function protocolProject() {
                getProtocolProject(projectId);
            }

            function getProtocolProject(id) {
                const data = getData();

                $.ajax({
                    method: "GET",
                    url: "{{ url('lawProjectProtocol') }}/" + id,
                    dataType: "json"
                }).success(function(result) {
                    console.log(result);
                    $('#law_project_protocol_id').val(id);
                    $('#project_number').val(result.project_number);
                    $('#protocol').val(result.protocol);
                    $('#date_protocol').val(dateForm + ' ' + timeForm);
                    $('#labelmessage2').html('');
                    $('#modalProtocol').modal();
                });
            }


            const getData = function() {

                const data = new Date();

                const dia = data.getDate() <= 9 ? '0' + data.getDate() : data.getDate();
                let mes = data.getMonth() + 1;
                const ano = data.getFullYear();
                const hour = data.getHours();
                const min = data.getMinutes();

                mes = mes <= 9 ? '0' + mes : mes;

                return dia + '/' + mes + '/' + ano + ' ' + hour + ':' + min;
            }

            function changeViewProject(param) {
                var url = '/toggle/change/view/projects/' + param;
                console.log(param)
                $.ajax({
                    url: url,
                    method: "GET",
                    dataType: "json"
                }).success((data) => {
                    //
                })
            }

            $('#btn-save-law').on('click', function() {
                if ($('#law_place_id').val() === '') {
                    $('#labelmessage').html('Selecione um local de publicação de protocolo');
                } else if ($('#date_publish').val() === '') {
                    $('#labelmessage').html('Inserir a data de publicação');
                } else {
                    const data = {
                        law_project_id: $('#law_project_id').val(),
                        law_place_id: $('#law_place_id').val(),
                        law_number: $('#law_number').val(),
                        date_publish: $('#date_publish').val()
                    };
                    $.ajax({
                        method: "POST",
                        url: "{{ url('lawsProjectApprovedSave') }}",
                        data: data,
                        dataType: "json"
                    }).success(function(result) {
                        if (result.success === true) {
                            $('#tdLawNumber' + result.lawProject_id).html(result.law_number + '/' +
                                result.year);
                            $('#tdLawPlace' + result.lawProject_id).html(result.lawProject_place);
                            $('#tdLawDate' + result.lawProject_id).html(result
                                .lawProject_date_publish);
                            $('#tdLawApproved' + result.lawProject_id).html(
                                '<label class="label label-success">Sim</label>');
                            $('#modalApproved').modal('hide');
                        } else {
                            $('#labelmessage').html(result.message);
                            $('#law_number').val(result.next_number);
                        }
                    });
                }
            });

            $('#btn-save-protocol').on('click', function() {

                const data = {
                    law_project_id: $('#law_project_protocol_id').val(),
                    project_number: $('#project_number').val(),
                    protocol: $('#protocol').val(),
                    protocoldate: $('#date_protocol').val()
                };
                $.ajax({
                    method: "POST",
                    url: "{{ url('lawsProjectProtocolSave') }}",
                    data: data,
                    dataType: "json"
                }).success(function(result) {
                    if (result.success === true) {
                        $('#tdLawProjectNumber' + result.lawProject_id).html(result.project_number +
                            '/' + result.year);
                        $('#tdLawProtocol' + result.lawProject_id).html(
                            '<label class="label label-success">Sim</label>');
                        $('#modalProtocol').modal('hide');
                        window.location.reload()
                    } else {
                        $('#labelmessage2').html(result.message);
                        $('#project_number').val(result.next_number);
                    }
                });
            });
        </script>
    @endsection