@extends('layouts.vertical', ['title' => $insurance->name])

@section('css')
    @vite([
        'node_modules/mohithg-switchery/dist/switchery.min.css'
        ])
@endsection

@section('content')
    <!-- Start Content-->
    <div class="container-fluid">

        @include('layouts.shared.page-title', [
            'breadcrumbs' => [
                ['title' => 'CRM', 'url' => url('/dashabord')],
                ['title' => 'Aseguradoras', 'url' => url('/insurances/list')],
                ['title' => $insurance->name. ': Perfil'],
            ]
        ])
        
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-5">

                                <div class="tab-content pt-0">
                                    <div class="tab-pane active show" id="product-1-item">
                                        @if ($insurance->avatar == null)
                                        <img src="{{url('/static/img/src/no-image.jpg')}}" class="img-fluid mx-auto d-block rounded" style="width: 70%; height: 70%; object-fit: cover; border-radius: 50%">
                                        @else
                                            <img src="{{getFileUrl($insurance->avatar)}}" class="img-fluid mx-auto d-block rounded" style="width: 70%; height: 70%; object-fit: cover; border-radius: 50%">
                                        @endif
                                    </div>
                                </div>

                            </div> <!-- end col -->
                            <div class="col-lg-7">
                                <div class="ps-xl-3 mt-3 mt-xl-0">
                                    <a href="#" class="text-primary">Aseguradora</a>
                                    <h4 class="mb-3">@if($insurance->enabled == 1)<span class="badge bg-soft-success text-success">Activo</span>@else <h4><span class="badge bg-soft-danger text-success">Deshabilitado</span></h4>@endif {{$insurance->name}}</h4>
                                    
                                    <!-- <p class="text-muted mb-4">Descripcion</p>-->
                                    <div class="row mb-3">
                                        <div class="col-md-6">
                                            <div>
                                                <p class="text-muted"><i class="mdi mdi-id-card h6 text-primary me-2"></i> RTN: {{$insurance->rtn}}</p>
                                                <p class="text-muted"><i class="mdi mdi-phone h6 text-primary me-2"></i> Telefono: {{$insurance->phone}}</p>
                                                <p class="text-muted"><i class="mdi mdi-email h6 text-primary me-2"></i> Correo: {{$insurance->email}}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> <!-- end col -->
                        </div>
                        <!-- end row -->

                    </div>
                </div> <!-- end card-->
            </div> <!-- end col-->
        </div>
        <!-- end row-->

    </div> <!-- container -->
@endsection

@section('script')
    @vite([
        'resources/js/pages/form-advanced.init.js'
        ])
@endsection