@extends('template.layout')

@section('styles')
    <style>
        .page-content {
            background-image: url( {{ asset('img/bg.png') }}) !important;
            background-position: center !important;
            background-size: cover !important;
            /*padding: 0 !important;*/
        }
    </style>
@endsection

@section('content')

    <link href="{{asset('css/pages/IndexProfesor.css')}}" rel="stylesheet" type="text/css"/>
    @include('alerts.index')
    <div class="flex-center position-ref full-height" style="background-image: {{asset('img/image_biblioteca.png')}}">
        <div style="max-width:1000px;margin: auto;width: 100%;">

            <a href="{{url('reservar')}}">
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="portlet light uno">
                        <div class="card-icon">
                            <i class="icon-magnifier theme-font"></i>
                        </div>
                        <div class="card-title">
                            <span> Buscar Bibliograf&iacute;a </span>
                        </div>
                    </div>
                </div>
            </a>
                <a href="{{url('prestamos/estado')}}">
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <div class="portlet light dos">
                            <div class="card-icon">
                                <i class="icon-hourglass theme-font"></i>
                            </div>
                            <div class="card-title">
                                <span> Consulta de estado de pr&eacute;stamos </span>
                            </div>
                        </div>
                    </div>
                </a>
                <a href="{{url('historialprestamos')}}">
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <div class="portlet light tres">
                            <div class="card-icon">
                                <i class="icon-notebook theme-font"></i>
                            </div>
                            <div class="card-title">
                                <span> Consultar historial de pr&eacute;stamos </span>
                            </div>
                        </div>
                    </div>
                </a>
        </div>
    </div>
@endsection