@extends('adminlte::page')

@section('title', 'Dar de baja')

@section('content_header')

    <a class="btn btn-primary btn -sm float-right" href="{{ route('dispositivo.index') }}"><i
            class='bi bi-arrow-left-circle'></i> Atrás</a>
    <div>
        <h1 class="pb-3 mb-0 small lh-sm ml-2">
            <strong class="d-block text-gray-dark">{{ $dispositivo->tipodispositivo->name }} {{ $dispositivo->marca->name }}
                Ref: {{ $dispositivo->referencia }}</strong>
            <p class="text-sm"> Serial: {{ $dispositivo->serial }} | Placa: {{ $dispositivo->placa }}</p>
        </h1>
    </div>


@stop

@section('content')
    <div class="row mb-3">
        <div class="col-5 themed-grid-col">
            <!-- Lateral izquierdo -->

            <div class="card card-outline card-danger">
                <div class="card-body">
                    
                    <div class="card-header">
                        <strong> Datos del equipo </strong>
                    </div>
                    <div class="py-4">

                        <p class="clearfix">
                            <span class="float-left">
                                Serial
                            </span>
                            <span class="float-right text-muted">
                                {{ $dispositivo->serial }}
                            </span>
                        </p>
                        <p class="clearfix">
                            <span class="float-left">
                                Placa
                            </span>
                            <span class="float-right text-muted">

                                {{ $dispositivo->placa }}

                            </span>
                        </p>
                        <p class="clearfix">
                            <span class="float-left">
                                Referencia
                            </span>
                            <span class="float-right text-muted">


                                {{ $dispositivo->referencia }}

                            </span>
                        </p>

                    </div>



                </div>

            </div>

        </div>



        <div class="col-7 themed-grid-col">
            <!-- Lateral derecho -->

            <div class="card card-outline card-danger">
                <div class="card-body ">

                    <div class="card-header">
                        <strong>Concepto técnico</strong><br>
                    </div>
                    <br>
                    <div class="alert alert-light" role="alert">
                       ! Recuerde que una vez dado de bajo un dispositivo, no es posible reincorporar o editar el dispositivo¡
                      </div>
                    <div class="mb-3 form-group formulario">

                        {!! Form::open(['route' => 'darbaja.store', 'files' => true, 'autocomplete' => 'off']) !!}

                        {!! Form::hidden('user_id', auth()->user()->id) !!}

                        {!! Form::hidden('dispositivo_id', $dispositivo->id ) !!}

                        <div class="mb-3">
                            {!! Form::label('concepto', 'Concepto técnico', ['class' => 'form-label font-bold']) !!}
                            {!! Form::textarea('concepto', null, ['class' => 'form-control mt-1' . ($errors->has('description') ? ' border-red-600' : '')]) !!}
                            @error('concepto')
                                <div class="text-red-500 text-xs italic text-danger">{{ $message }}</div>
                            @enderror
                            @error('dispositivo_id')
                                <div class="text-red-500 text-xs italic ">{{ $message }}</div>
                            @enderror
                        </div>



                        <div class="flex justify-end">
                            {!! Form::submit('Dar de baja', ['class' => 'btn btn-danger cursor-pointer float-right']) !!}
                        </div>

                        {!! Form::close() !!}
                    </div>

                </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')
    <script>
        console.log('Hi!');
    </script>

    <script src="https://cdn.ckeditor.com/ckeditor5/34.1.0/classic/ckeditor.js"></script>
   {{--  <script src="{{ asset('js/instructor/courses/form.js') }}"></script> --}}


    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>


    <script>
        $('#formulario').submit(function(e) {

            e.preventDefault();

            Swal.fire({
                title: 'Are you sure?',
                text: "You won't be able to revert this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, delete it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    Swal.fire(
                        'Deleted!',
                        'Your file has been deleted.',
                        'success'
                    )
                }
            })
        });
    </script>

@stop