@extends('layouts.vertical', ['title' => 'Configuración'])

@section('css')
    @vite([
        'node_modules/datatables.net-bs5/css/dataTables.bootstrap5.min.css', 
        'node_modules/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css', 
        'node_modules/datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css', 
        'node_modules/datatables.net-select-bs5/css/select.bootstrap5.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' => 'Configuración' ],
        ]
    ])

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="header-title">Logo</h4>
                    <p class="text-muted font-13 mb-4">
                        Actualizar logo del sistema.
                    </p>

                    <!-- Formulario -->
                    <form action="{{url('/updateMedia')}}" id="updateMedia" method="POST" enctype="multipart/form-data">
                        @csrf

                        <!-- Logo -->
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-sm-12 mb-3">
                                <input type="file" accept="image/*" value="{{Config::get('config_env.sys_logo')}}" class="form-control" name="sys_logo" id="logo" >
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 mb-3">
                                @if (Config::get('sys_logo.sys_logo') != "")
                                    <div class="centerf">
                                        <img class="img-fluid centeri " width="125px" src="{{getFileUrl(Config::get('sys_logo.sys_logo'), null)}}" alt="sys_logo">
                                    </div>
                                @endif
                            </div>
                        </div>

                        <button class="btn btn-success mt-3" type="submit">
                            <i class="bi bi-check-circle"></i> Actualizar Logo
                        </button>
                        
                    </form>
                    
                </div> <!-- end card body-->
            </div> <!-- end card -->
        </div><!-- end col-->
    </div><!-- end row-->

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="header-title">Configuración General</h4>
                    <p class="text-muted font-13 mb-4">
                        Ajustes generales del sistema.
                    </p>

                    <!-- Formulario -->
                    <form action="{{url('/updateConfig')}}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <!-- Configuracion General -->
                        <div class="row">
                                <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                    <div class="form-floating">
                                        <input value="{{Config::get('config_env.app_name')}}" required required class="form-control" name="app_name" id="app_name" >
                                        <label for="app_name" class="form-label">Nombre del sistema</label>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                    <div class="form-floating">
                                        <input value="{{Config::get('config_env.isv')}}" required type="number" class="form-control" step="0.01" name="isv" id="isv">
                                        <label for="isv">Impuesto</label>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                    <div class="form-floating">
                                        <input value="{{Config::get('config_env.timeNotificationPolicyEnd')}}" required type="time" class="form-control" name="timeNotificationPolicyEnd" id="timeNotificationPolicyEnd">
                                        <label for="timeNotificationPolicyEnd" class="form-label">Hora para notificación de renovación de polizas</label>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                    <label for="first_color" class="form-label">Color primario</label>
                                    <input value="{{Config::get('config_env.first_color')}}" type="color" required class="form-control" name="first_color" id="first_color">
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                    <label for="second_color" class="form-label">Color secundario</label>
                                    <input value="{{Config::get('config_env.second_color')}}" type="color" required class="form-control" name="second_color" id="second_color">
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                    <label for="moral_client" class="form-label">Notificación de moratoriedad de clientes:</label><br>
                                    <input type="checkbox" role="switch" 
                                        @if(Config::get('config_env.moral_client') == "on") checked @endif 
                                        name="moral_client" id="moral_client" 
                                        data-plugin="switchery" data-color="var(--first-color)"/>
                                </div>
                            </div>

                        <button class="btn btn-success mt-3" type="submit">
                            <i class="bi bi-check-circle"></i> Actualizar Configuración
                        </button>
                        
                    </form>
                    
                </div> <!-- end card body-->
            </div> <!-- end card -->
        </div><!-- end col-->
    </div><!-- end row-->
</div> <!-- container -->

@endsection

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