@extends('layouts.app')
@section('content')
<div class="container">
	<div class="row justify-content-center">
		<div class="col-12 col-lg-9">
			<div class="card border-0 shadow-sm">
				<div class="card-header d-flex justify-content-between align-items-center bg-dark text-white">
					<span>Configuración de empresa</span>
					<a href="{{ route('home') }}" class="btn btn-sm btn-secondary">
						<i class="bi bi-chevron-left"></i>
						Volver
						</a>
				</div>

				<div class="card-body bg-white">
					@if(session('success'))
						<div class="alert alert-success" role="alert">
							{{ session('success') }}
						</div>
					@endif

					@if($errors->any())
						<div class="alert alert-danger" role="alert">
							<ul class="mb-0">
								@foreach($errors->all() as $error)
									<li>{{ $error }}</li>
								@endforeach
							</ul>
						</div>
					@endif

					<form method="POST" action="{{ route('admin_fit.company.update') }}" enctype="multipart/form-data">
						@csrf
						@method('PUT')

						<div class="row g-3">
							<div class="col-md-6">
								<label class="form-label" for="name">Nombre</label>
								<input id="name" type="text" name="name" class="form-control" value="{{ old('name', $company->name) }}" required>
							</div>

							<div class="col-md-6">
								<label class="form-label" for="email">Correo</label>
								<input id="email" type="email" name="email" class="form-control" value="{{ old('email', $company->email) }}">
							</div>

							<div class="col-md-6">
								<label class="form-label" for="phone">Teléfono</label>
								<input id="phone" type="text" name="phone" class="form-control" value="{{ old('phone', $company->phone) }}">
							</div>

							<div class="col-md-6">
								<label class="form-label" for="address">Dirección</label>
								<input id="address" type="text" name="address" class="form-control" value="{{ old('address', $company->address) }}">
							</div>

							<div class="col-md-4">
								<label class="form-label" for="bg_color">Color fondo</label>
								<input id="bg_color" type="text" name="bg_color" class="form-control" placeholder="#000000" value="{{ old('bg_color', $company->bg_color) }}">
							</div>

							<div class="col-md-4">
								<label class="form-label" for="bg_color_ligth">Color fondo claro</label>
								<input id="bg_color_ligth" type="text" name="bg_color_ligth" class="form-control" placeholder="#f5f5f5" value="{{ old('bg_color_ligth', $company->bg_color_ligth) }}">
							</div>

							<div class="col-md-4">
								<label class="form-label" for="text_color">Color texto</label>
								<input id="text_color" type="text" name="text_color" class="form-control" placeholder="#ffffff" value="{{ old('text_color', $company->text_color) }}">
							</div>

							<div class="col-md-4">
								<label class="form-label" for="url_logo_header_file">Logo header</label>
								<input id="url_logo_header_file" type="file" name="url_logo_header_file" class="form-control" accept=".jpg,.jpeg,.png,image/jpeg,image/png">
								@if(!empty($company->url_logo_header))
									<img
										src="{{ route('admin_fit.company.image', $company->url_logo_header) }}"
										alt="Logo header"
										class="img-fluid rounded border mt-2"
										style="max-height: 120px;"
									>
								@endif
							</div>

							<div class="col-md-4">
								<label class="form-label" for="url_logo_central_file">Logo central</label>
								<input id="url_logo_central_file" type="file" name="url_logo_central_file" class="form-control" accept=".jpg,.jpeg,.png,image/jpeg,image/png">
								@if(!empty($company->url_logo_central))
									<img
										src="{{ route('admin_fit.company.image', $company->url_logo_central) }}"
										alt="Logo central"
										class="img-fluid rounded border mt-2"
										style="max-height: 120px;"
									>
								@endif
							</div>

							<div class="col-md-4">
								<label class="form-label" for="url_imagen_back_file">Imagen fondo</label>
								<input id="url_imagen_back_file" type="file" name="url_imagen_back_file" class="form-control" accept=".jpg,.jpeg,.png,image/jpeg,image/png">
								@if(!empty($company->url_imagen_back))
									<img
										src="{{ route('admin_fit.company.image', $company->url_imagen_back) }}"
										alt="Imagen fondo"
										class="img-fluid rounded border mt-2"
										style="max-height: 120px;"
									>
								@endif
							</div>
						</div>

						<div class="d-flex justify-content-end mt-4">
							<button type="submit" class="btn btn-success">Guardar</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection