@extends('layout')

@section('cssUrl')
    <link rel="stylesheet" href="{{ asset('assets/plugins/morrisjs/morris.css') }}" />
    <!-- Colorpicker Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css') }}" />
    <!-- Multi Select Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/multi-select/css/multi-select.css') }}">
    <!-- Bootstrap Spinner Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/jquery-spinner/css/bootstrap-spinner.css') }}">
    <!-- Bootstrap Tagsinput Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css') }}">
    <!-- Bootstrap Select Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-select/css/bootstrap-select.css') }}" />
    <!-- noUISlider Css -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/nouislider/nouislider.min.css') }}" />
@endsection

@section('csss')

@endsection

@section('title')
    Cadastro de Tela
@endsection

@section('conteudo')
    <section class="content">
        <div class="body_scroll">
            <div class="block-header">
                <div class="row">
                    <div class="col-lg-7 col-md-6 col-sm-12">
                        <h2 class="uppercase">Dados de Tela</h2>
                        <button class="btn btn-primary btn-icon mobile_menu" type="button"><i
                            class="zmdi zmdi-sort-amount-desc"></i></button>
                    </div>
                    <div class="col-sm-12">
                        <button id="btNovo" style="width: 150px;" class="btn btn-primary btn-icon float-left"
                            type="button"  data-urlnew="{{ route('tela.show') }}"><i>Novo Modulo</i></button>
                    </div>
                </div>
            </div>
            <form action="{{ route('tela.store') }}" id="frmCadastro" class="form-horizontal">
                <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                <div class="card">
                    <div class="body">                        
                        <div class="row">
                            <div class="col-lg-2">
                                <label>Id.:</label><br>
                                <input style="width: 100%;" name="id_tela" id="id_tela" readonly
                                    class="form-control bg-light" required value="{{ $dataShow->id_tela }}"><br>
                            </div>
                            <div class="col-lg-4">
                                <label>Modulo:</label><br>
                                <select name="idmodulo_tela" id="idmodulo_tela"
                                    class="select2-drop-mask col-lg-12 form-control" required>
                                    <option value="0" selected>Selecione um modulo</option>
                                    @forelse ($dataModulo as $item)
                                        @if ($item->id_modulo === $dataShow->idmodulo_tela)
                                            <option value="{{ $item->id_modulo }}" selected>{{ $item->nome_modulo }}</option>
                                        @else
                                            <option value="{{ $item->id_modulo }}">{{ $item->nome_modulo }}</option>   
                                        @endif  
                                    @empty
                                        <option value="0" selected>Sem modulo</option>
                                    @endforelse
                                </select>
                                <br><br>
                            </div>
                            <div class="col-lg-6">
                                <label>Nome:</label><br>
                                <input style="width: 100%;" maxlength="80" type="text" name="nome_tela" id="nome_tela"
                                    value="{{ $dataShow->nome_tela }}" class="form-control bg-light text-uppercase">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <hr>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <label>URL:</label><br>
                                <input style="width: 100%;" name="url_tela" id="url_tela" 
                                    value="{{ $dataShow->url_tela }}" class="form-control bg-light" required><br>
                            </div>
                            <div class="col-lg-4">
                                <label>Status:</label><br>
                                <select name="idstatus_tela" id="idstatus_tela"
                                    class="select2-drop-mask col-lg-12 form-control" required>
                                    <option value="0" selected>Selecione um status</option>
                                    @forelse ($dataStatus as $itemStatus)
                                        @if ($itemStatus->id_status === $dataShow->idstatus_tela)
                                        <option value="{{ $itemStatus->id_status }}" selected>{{ $itemStatus->nome_status }}</option>
                                        @else
                                        <option value="{{ $itemStatus->id_status }}">{{ $itemStatus->nome_status }}</option>      
                                        @endif  
                                    @empty
                                        <option value="0" selected>Sem Status</option>
                                    @endforelse
                                </select>
                                <br><br>
                            </div>
                            <div class="col-lg-2">
                                <label>Ordem:</label><br>
                                <input style="width: 100%;" maxlength="80" type="number" name="ordem_tela" id="ordem_tela"
                                    value="{{ $dataShow->ordem_tela }}" class="form-control bg-light">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="body">
                        <div class="row">
                            <div class="col-lg-6" id="msgReturn">
                                
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btVoltar" data-urlaction="" 
                                    class="btn btn-raised btn-primary bg-default btn-lg">Voltar</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="button" id="btexcluir" data-urlaction="{{ route('tela.delete') }}" data-idcampo="{{ $dataShow->id_tela }}"
                                    data-return="{{ route('tela.index') }}" class="btn btn-raised btn-primary bg-danger btn-lg">Excluir</button>
                            </div>
                            <div class="col-lg-2">
                                <button type="submit" id="btSalvar" class="btn btn-raised btn-primary btn-lg">Salvar</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
    </section>
@endsection

@section('scriptUrl')
    <script src="{{ asset('assets/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js') }}"></script><!-- Bootstrap Colorpicker Js -->
    <script src="{{ asset('assets/plugins/jquery-inputmask/jquery.inputmask.bundle.js') }}"></script><!-- Input Mask Plugin Js -->
    <script src="{{ asset('assets/plugins/multi-select/js/jquery.multi-select.js') }}"></script><!-- Multi Select Plugin Js -->
    <script src="{{ asset('assets/plugins/jquery-spinner/js/jquery.spinner.js') }}"></script><!-- Jquery Spinner Plugin Js -->
    <script src="{{ asset('assets/plugins/bootstrap-tagsinput/bootstrap-tagsinput.js') }}"></script><!-- Bootstrap Tags Input Plugin Js -->
    <script src="{{ asset('assets/plugins/nouislider/nouislider.js') }}"></script> <!-- noUISlider Plugin Js -->
    <script src="{{ asset('assets/plugins/select2/select2.min.js') }}"></script> <!-- Select2 Js -->
    <script src="{{ asset('assets/js/pages/forms/advanced-form-elements.js') }}"></script>
    <script src="{{ asset('assets/plugins/bootstrap-notify/bootstrap-notify.js') }}"></script>
    <script src="{{ asset('assets/js/formjs.js') }}"></script>
@endsection

@section('scripts')
<script>
    $('#btVoltar').click(function() {
        $(location).attr('href', "{{  route('tela.index') }}");
    });
</script>
@endsection