@extends('adminlte::page')

@section('title', 'Detalles')

@section('content_header')
<a class="btn btn-primary btn -sm float-right" href="{{ URL::previous() }}"><i class='bi bi-arrow-left-circle'></i>  Atrás</a>
@stop

@section('content')
<div class="py-5">
<div class="card card-outline card-primary ">
    <div class="col-12 ">
            <div class="card-header">
                <strong> Datos de la licencia </strong>
                <p>{{$licencia->name}}</p>
            </div>
            <div class="card-body">
            <div class="row ">
                <div class=" col-6 py-2">

                    <p class="clearfix">
                        <strong class="float-left">
                            Serial
                        </strong>
                        <span class="float-right text-muted">
                            {{$licencia->serial}}
                        </span>
                    </p>
                    <p class="clearfix">
                        <strong class="float-left">
                            Cantidad
                        </strong>
                        <span class="float-right text-muted">
                            {{$licencia->cantidad}}


                        </span>
                    </p>
                    <p class="clearfix">
                        <strong class="float-left">
                            Propietario
                        </strong>
                        <span class="float-right text-muted">
                            {{$licencia->propietario}}
                        </span>
                    </p>

                </div>



                <div class="col-6 ">

                    <div class="py-2">

                        <p class="clearfix">
                            <strong class="float-left">
                                Fecha vencimiento
                            </strong>
                            <span class="float-right text-muted">
                            {{\Carbon\Carbon::parse($licencia->fecha_vencimiento)->format('d M Y') }}    
                           
                            </span>
                        </p>

                        <p class="clearfix">
                            <strong class="float-left">
                                Tipo licencia
                            </strong>
                            <span class="float-right text-muted">
                            {{$licencia->tipolicencia->name}}
                            </span>
                        </p>
                        <p class="clearfix">
                            <strong class="float-left">
                                Disponible
                            </strong>
                            <span class="float-right text-muted">
                            @if (!is_null($licencia->cantidad))
                                @if($licencia->cantidad - $licencia->instaladas <= 0)  <span class="badge badge-danger">{{ $licencia->cantidad - $licencia->instaladas }}</span> @else <span class="badge badge-success">{{ $licencia->cantidad - $licencia->instaladas }}</span>  @endif
                                @else
                                    N/A
                                @endif
                            </span>
                        </p>
                    </div>
                </div>
                
                <p class="clearfix ml-1">
                            <strong class="float-left">
                               Descripción
                            </strong><br>
                           
                        </p>
                        <textarea disabled class="form-control ml-1" id="exampleFormControlTextarea1" style="border-color: #007bff;" rows="3">{{$licencia->detalles}}</textarea>
                
            </div>
        </div>
    </div>
</div>
  

    @stop

    @section('css')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
    <link rel="stylesheet" href="/css/admin_custom.css">
    @stop

    @section('js')

    @stop