@extends('layouts.app')
@section('htmlheader_title')
{{ __('adminlte::message.sclientsede') }}
@endsection
@section('contentheader_title')
{{ __('adminlte::message.sclientsede') }}
@endsection
@section('main-content')
<div class="container-fluid spark-screen">
	<div class="row">
		<div class="col-md-16 col-md-offset-0">
			<div class="box">
				<div class="box-header">
					<h3 class="box-title">{{ __('adminlte::message.sclientdatasede') }}</h3>
				</div>
				<div class="box box-info">
					<!-- form start -->
					<form role="form" action="{{Route::currentRouteName() === 'sedes-edit' ? "/sedes/$Sede->SedeSlug/update" : "/sclientes/$Sede->SedeSlug"}}" method="POST" enctype="multipart/form-data" data-toggle="validator">
						@csrf
						@method('PUT')
						@if ($errors->any())
							<div class="alert alert-danger" role="alert">
								<ul>
									@foreach ($errors->all() as $error)
										<p>{{$error}}</p>
									@endforeach
								</ul>
							</div>
						@endif
						<div class="box-body">
							<div class="col-md-6 form-group">
								<label for="sedeinputname">{{ __('adminlte::message.sclientnamesede') }}</label><small class="help-block with-errors">*</small>
								<input type="text" class="form-control" id="sedeinputname" name="SedeName" value="{{$Sede->SedeName}}" required>
							</div>
							<div class="col-md-6 form-group">
								<label for="sedeinputemail">{{ __('adminlte::message.emailaddress') }}</label><small class="help-block with-errors">*</small>
								<input type="email" class="form-control" id="sedeinputemail" placeholder="{{ __('adminlte::message.emailplaceholder') }}" name="SedeEmail" required="true" value="{{$Sede->SedeEmail}}">
							</div>
							<div class="col-md-6 form-group">
								<label for="departamento">{{ __('adminlte::message.departamento') }}</label><small class="help-block with-errors">*</small>
								<select class="form-control select" id="departamento" name="departamento" required>
									@foreach ($Departamentos as $Departamento)
										<option value="{{$Departamento->ID_Depart}}" {{ $Municipio->FK_MunCity == $Departamento->ID_Depart ? 'selected' : '' }}>{{$Departamento->DepartName}}</option>
									@endforeach
								</select>
							</div>
							<div class="col-md-6 form-group">
								<label for="municipio">{{ __('adminlte::message.municipio') }}</label><a class="load"></a><small class="help-block with-errors">*</small>
								<select class="form-control select" id="municipio" name="FK_SedeMun">
									@foreach ($Municipios as $Municipio)
										<option value="{{$Municipio->ID_Mun}}" {{ $Sede->FK_SedeMun == $Municipio->ID_Mun ? 'selected' : '' }}>{{$Municipio->MunName}}</option>
									@endforeach
								</select>
							</div>
							<div class="col-md-6 form-group">
								<label for="sedeinputaddress">{{ __('adminlte::message.address') }}</label><small class="help-block with-errors">*</small>
								<input type="text" class="form-control" id="sedeinputaddress" name="SedeAddress" value="{{$Sede->SedeAddress}}" placeholder="{{ __('adminlte::message.addressplaceholder') }}" required>
							</div>
							<div class="col-md-6 form-group">
								<label for="sedeinputcelular">{{ __('adminlte::message.mobile') }}</label><small class="help-block with-errors">*</small>
								<div class="input-group">
									<span class="input-group-addon">(+57)</span>
									<input type="text" class="form-control mobile" id="sedeinputcelular" placeholder="{{ __('adminlte::message.mobileplaceholder') }}" data-minlength="12" name="SedeCelular" value="{{$Sede->SedeCelular}}" required>
								</div>
							</div>
							<div class="col-md-6 form-group">
								<label for="sedeinputphone1">{{ __('adminlte::message.phone') }}</label><small class="help-block with-errors"></small>
								<input type="text" class="form-control phone tel" id="sedeinputphone1" class="btn btn-outline-success my-2 my-sm-0" name="SedePhone1" data-minlength="11" value="{{$Sede->SedePhone1}}" placeholder="{{ __('adminlte::message.phoneplaceholder') }}">
							</div>
							<div class="col-md-6 form-group">
									<label for="sedeinputext1">{{ __('adminlte::message.ext') }}</label><small class="help-block with-errors"></small>
								<input type="text" class="form-control extension ext" id="sedeinputext1" name="SedeExt1" data-minlength="2" data-maxlength="5" value="{{$Sede->SedeExt1}}" disabled>
							</div>
							<div id="telefono2" class="col-md-6 form-group" style="display: none;">
								<label for="sedeinputphone2">{{ __('adminlte::message.phone') }} 2</label><small class="help-block with-errors"></small>
								<input type="tel" class="form-control phone tel2" id="sedeinputphone2" name="SedePhone2" data-minlength="11"  data-maxlength="11" value="{{$Sede->SedePhone2}}" placeholder="{{ __('adminlte::message.phoneplaceholder') }}">
							</div>
							<div id="extension2" class="col-md-6 form-group" style="display: none;">
								<label for="sedeinputext2">{{ __('adminlte::message.ext') }} 2</label><small class="help-block with-errors"></small>
								<input type="text" class="form-control extension ext2" id="sedeinputext2" name="SedeExt2" data-minlength="2" maxlength="5"  value="{{$Sede->SedeExt2}}" disabled>
							</div>
							<div class="col-md-12" id="tel" style="display:flex; justify-content:center">
								<a onclick="Tel()"class="btn btn-info">{{ __('adminlte::message.scliotrotelefono') }}</a>
							</div>
							
						</div>
						<div class="box box-info">
							<div class="box-footer">
								<button type="submit" class="btn btn-success pull-right">{{ __('adminlte::message.update') }}</button>
							</div>
						</div>
					</form>
					<!-- form end -->
				</div>
			</div>
		</div>
	</div>
</div>
@endsection