@extends('layouts.vertical', ['title' => 'Crear Cobertura'])

@section('css')
    @vite([
        'node_modules/select2/dist/css/select2.min.css',
        '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' => '/dashboard'],
                ['title' => 'Polizas', 'url' => '/policy/list'],
                ['title' => 'Coberturas de Póliza #' . $policy->id, 'url' => '/policy/covers/'.$policy->id],
                ['title' => 'Crear Cobertura'],
            ]
        ])

        <!-- Formulario -->
        <form action="{{url('/policy/covers/create/'.$policy->id)}}" data-validate="true" method="POST" enctype="multipart/form-data">
            @csrf

            <!-- Información General -->
            <div class="row">
                <div class="col-12">

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

                            <h4 class="header-title">Información General</h4>
                            <p class="text-muted font-13 mb-4">
                                Complete la siguiente información general para modificar una cobertura.<br/>
                                <span class="text-danger fw-bold">*</span> 
                                <code>Indica que el campo es obligatorio.</code>
                            </p>

                                <div class="row">

                                <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                    <p class="mb-1 fw-bold text-muted">Cobertura<span class="text-danger fw-bold">*</span></p>
                                    <p class="text-muted font-13">
                                        Escriba el nombre de la cobertura.
                                    </p>
                                    <input required type="text" class="form-control" value="{{old('name')}}" name="name" id="name" data-parsley-error-message="Nombre de cobertura es obligatorio.">
                                </div>

                                <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                    <p class="mb-1 fw-bold text-muted">Valor</p>
                                    <p class="text-muted font-13">
                                        Escriba el valor de la cobertura.
                                    </p>
                                    <input type="text" class="form-control" value="{{old('value')}}" name="value" id="value">
                                </div>

                                <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                    <p class="mb-1 fw-bold text-muted">Habilitado</p>
                                    <p class="text-muted font-13">
                                        Habilitar o Deshabilitar cobertura.
                                    </p>
                                    <input type="checkbox" role="switch" 
                                        name="enabled" id="enabled" 
                                        data-plugin="switchery" data-color="var(--first-color)"
                                        {{ old('enabled') ? 'checked' : '' }} />
                                </div>

                            </div>

                            <button class="btn btn-success" type="submit">
                                <i class="bi bi-check-circle"></i> Crear Cobertura
                            </button>

                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection

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