@if($news)
    <!-- Modal -->
    <div class="modal fade" id="viewModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <!-- Modal Header -->
                <div class="modal-header" style="background: #0a45a2">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title" style="color: whitesmoke;">Detalle de Noticia</h4>
                </div>
                <!-- Modal Body -->
                <div class="modal-body">

                    <div class="form-group">
                        <label class="col-md-4 control-label">Título de Noticia:</label>
                        <input type="text" id="newsTitle" class="form-control form-data" name="newsTitle"
                               value="{{$news->title_new}}" readonly>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label">Descripción de Noticia:</label>
                        <textarea id="newsDescription" class="form-control form-data" name="newsDescription"
                                  readonly>{{$news->description_new}}</textarea>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label">La noticia es prioritaria:</label>
                        <input type="checkbox" id="newsPriority" name="newsPriority" value="YES"
                               @if($news->priority_new) checked @endif disabled>
                    </div>


                    <div class="form-group">
                        <label class="col-md-4 control-label">Fecha de publicación:</label>
                        <div class="input-group date" id="dtpPublication">
                            <input type="text" class="form-control form-data" readonly id="publicationDate"
                                   name="publicationDate"
                                   value="{{Date('d-m-Y',strtotime($news->publication_date_new))}}">
                            <div class="input-group-addon">
                                <span class="glyphicon glyphicon-th"></span>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-4 control-label">Fecha de expiración de publicación:</label>
                        <div class="input-group date" id="dtpExp">
                            <input type="text" class="form-control form-data" readonly id="expDate" name="expDate"
                                   value="{{Date('d-m-Y',strtotime($news->expiration_date_new))}}">
                            <div class="input-group-addon">
                                <span class="glyphicon glyphicon-th"></span>
                            </div>
                        </div>
                    </div>
                    @if(sizeof($news->imgNews)>0)
                        <div class="row">
                            <div id="carousel" class="carousel slide">
                                <!-- Contenedor de los Slide -->
                                <div class="carousel-inner">
                                    @foreach($news->imgNews as $index => $imagen)
                                        <div class="item @if($index == 0) active @endif">
                                            <img src="{{'../../img/news/'.$imagen->name_img }}" alt=""
                                                 class="img-responsive">
                                        </div>
                                    @endforeach
                                </div>

                                <!-- Controles -->
                                <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
                                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                    <span class="sr-only">Anterior</span>
                                </a>
                                <a class="right carousel-control" href="#carousel" role="button" data-slide="next">
                                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                    <span class="sr-only">Siguiente hidden-xs hidden-sd</span>
                                </a>
                            </div>
                        </div>
                    @endif

                    <div class="row">
                        <input type="button" id="close" class="btn btn-success btn-group-justified" data-dismiss="modal"
                               value="Cerrar">
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif
<style>
    .carousel-inner > .item {
        height: 400px;
    }

    img {
        width: 30%;
        margin: auto;
    }
</style>
{{ HTML::script('js/news/loads/modalView.js') }}