@extends('layouts.admin')


@section('content')

<div class="row">

    <!-- Column -->
    <div class="col">
        <div class="card">
            <div class="float-right">
                <a class="btn btn-primary" href="{{ route('tratamiento.index') }}"> <i class="fa fa-arrow-left" aria-hidden="true"></i> Atras</a>
            </div>

            <div class="card-body">

                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Tratamiento</a>
                    </li>

                    <li class="nav-item" role="presentation">
                        <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Actualizar</a>
                    </li>

                </ul>
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">


                        <div class="d-flex justify-content-center mt-5">
                            <div class="card " style="width: 54%;">
                                <div class="card-header">
                                    <div class="media">
                                        <div class="media-body media-middle">
                                            <div class="company-name">
                                                <p>{{$tratamiento->nombre}}</p>
                                            </div>
                                            <div class="job-badge">
                                                <label class="label bg-primary">{{$tratamiento->tipo}}</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-block">
                                    <p class="">
                                        <b>Descripcion:</b> <br>
                                        {{$tratamiento->descripcion}}
                                    </p>
                                    <p class="">
                                        <b>Descripcion Interna:</b> <br>
                                        {{$tratamiento->descripcion_interna}}
                                    </p>

                                    <div class="job-meta-data"><i class="icofont icofont-safety"></i>
                                        Q. {{number_format($tratamiento->precio, 2)}}
                                    </div>

                                </div>
                            </div>
                        </div>



                    </div>


                    <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">

                        <div class="d-flex justify-content-center mt-5">
                            <div class="card" style="width: 80%;">
                                <div class="card-body">
                                    <h4 class="card-title">Actualizar</h4>

                                    <form action="" method="post">
                                        @csrf
                                        @method('PUT')

                                        @include('admin.tratamiento.formedit')

                                        <button type="submit" class="btn btn-primary  btn-block"> <i class="fa fa-refresh" aria-hidden="true"></i>  Actualizar </button>

                                    </form>

                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <!-- Column -->
</div>

@endsection