@extends('layouts.master_admin')
@section('title') Crear Zona CFE @endsection

@section('css')
@endsection

@section('content')
	<!--begin::Toolbar-->
	<div class="toolbar py-2" id="kt_toolbar">
		<!--begin::Container-->
		<div id="kt_toolbar_container" class="container-fluid d-flex align-items-center">
			<!--begin::Page title-->
			<div class="flex-grow-1 flex-shrink-0 me-5">
				<!--begin::Page title-->
				<div data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}" class="page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0">
					<!--begin::Title-->
					<h1 class="d-flex align-items-center text-dark fw-bold my-1 fs-3">Crear Zona CFE
					<!--begin::Separator-->
					<span class="h-20px border-gray-200 border-start ms-3 mx-2"></span>
					<!--end::Separator-->
					<!--begin::Description-->
					<small class="text-muted fs-7 fw-semibold my-1 ms-1"> </small>
					<!--end::Description--></h1>
					<!--end::Title-->
				</div>
				<!--end::Page title-->
			</div>
			<!--end::Page title-->
			<!--begin::Action group-->
			<div class="d-flex align-items-center flex-wrap">
				<!--begin::Wrapper-->
				<div class="flex-shrink-0 me-2">
					
				</div>
				<!--end::Wrapper-->
				<!--begin::Wrapper-->
				<div class="d-flex align-items-center">
					
				</div>
				<!--end::Wrapper-->
			</div>
			<!--end::Action group-->
		</div>
		<!--end::Container-->
	</div>
	<!--end::Toolbar-->
	
	<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
		<!--begin::Container-->
		<div id="kt_content_container" class="container-xxl">
			
			<!--begin::Basic info-->
			<div class="card mb-5 mb-xl-10">
				<!--begin::Card header-->
				<div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_profile_details" aria-expanded="true" aria-controls="kt_account_profile_details">
					<!--begin::Card title-->
					<div class="card-title m-0">
						<h3 class="fw-bold m-0">Crear Zona CFE</h3>
					</div>
					<!--end::Card title-->
				</div>
				<!--begin::Card header-->
				<!--begin::Content-->
				<div id="kt_account_settings_profile_details" class="collapse show">
					<!--begin::Form-->
					<form id="kt_account_profile_details_form" class="form" method="POST" action="/admin/cfe_zones/create">
					@csrf
						<!--begin::Card body-->
						<div class="card-body border-top p-9">
							<div class="row g-9 mb-8">
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Nombre de la zona</label>
									<input type="text" name="name" class="form-control form-control-solid mb-3 mb-lg-0" value="" required />
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Dirección de oficina de CFE</label>
									<input type="text" name="office_address" class="form-control form-control-solid mb-3 mb-lg-0" value="" required />
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Nombre del Representante legal (INTERCONEXIÓN)</label>
									<input type="text" name="legal_representative_interconnection" class="form-control form-control-solid mb-3 mb-lg-0" value="" required />
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Rol del Representante legal (INTERCONEXIÓN)</label>
									<input type="text" name="rol_legal_representative_interconnection" class="form-control form-control-solid mb-3 mb-lg-0" value="" required />
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Identificación(INTERCONEXIÓN)</label>
									<input type="text" name="legal_representative_identification_interconnection" class="form-control form-control-solid mb-3 mb-lg-0" value="" placeholder="INE N° XX expedida por el Instituto Nacional Electoral" required />
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Escritura Pública No. (INTERCONEXIÓN)</label>
									<input type="text" name="public_deed_interconnection" class="form-control form-control-solid mb-3 mb-lg-0" value="" required>
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Fecha Escritura Pública (INTERCONEXIÓN)</label>
									<input type="date" name="public_deed_date_interconnection" class="form-control form-control-solid mb-3 mb-lg-0" value="" required>
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Nombre Notario (INTERCONEXIÓN)</label>
									<input type="text" name="notary_name_interconnection" class="form-control form-control-solid mb-3 mb-lg-0" value="" required />
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Notario público No.  (INTERCONEXIÓN)</label>
									<input type="text" name="public_notary_number_interconnection" class="form-control form-control-solid mb-3 mb-lg-0" value="" required />
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Notario público de  (INTERCONEXIÓN)</label>
									<input type="text" name="notary_of_interconnection" class="form-control form-control-solid mb-3 mb-lg-0" value="" />
								</div>
								
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Nombre del Representante legal (CONTRAPRESTACION)</label>
									<input type="text" name="legal_representative_consideration" class="form-control form-control-solid mb-3 mb-lg-0" value="" required />
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Rol del Representante legal (CONTRAPRESTACION)</label>
									<input type="text" name="rol_legal_representative_consideration" class="form-control form-control-solid mb-3 mb-lg-0" value="" required />
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Identificación(CONTRAPRESTACION)</label>
									<input type="text" name="legal_representative_identification_consideration" class="form-control form-control-solid mb-3 mb-lg-0" value="" placeholder="INE N° XX expedida por el Instituto Nacional Electoral" required />
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Escritura Pública No. (CONTRAPRESTACION)</label>
									<input type="text" name="public_deed_consideration" class="form-control form-control-solid mb-3 mb-lg-0" value="" required>
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Fecha Escritura Pública (CONTRAPRESTACION)</label>
									<input type="date" name="public_deed_date_consideration" class="form-control form-control-solid mb-3 mb-lg-0" value="" required>
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Nombre Notario (CONTRAPRESTACION)</label>
									<input type="text" name="notary_name_consideration" class="form-control form-control-solid mb-3 mb-lg-0" value="" required />
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Notario público No.  (CONTRAPRESTACION)</label>
									<input type="text" name="public_notary_number_consideration" class="form-control form-control-solid mb-3 mb-lg-0" value="" required />
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Notario público de  (CONTRAPRESTACION)</label>
									<input type="text" name="notary_of_consideration" class="form-control form-control-solid mb-3 mb-lg-0" value="" />
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Ciudad </label>
									<input type="text" name="city" class="form-control form-control-solid mb-3 mb-lg-0" value="" required />
								</div>
								<div class="col-md-6 fv-row mb-1">
									<label class="required fw-semibold fs-6 mb-2">Estado </label>
									<select name="state_id"  aria-label="Selecciona" data-placeholder="Selecciona ..." class="form-select form-select-solid"  required>
										<option value="">Selecciona...</option>
										@foreach($states as $state)
										<option value="{{$state->id}}" @if ($loop->first) selected @endif>{{$state->name}}</option>
										@endforeach
									</select>
								</div>
							</div>						
						</div>
						<!--end::Card body-->
						<!--begin::Actions-->
						<div class="card-footer d-flex justify-content-end py-6 px-9">
							<button type="submit" class="btn btn-primary" id="kt_account_profile_details_submit">Actualizar</button>
						</div>
						<!--end::Actions-->
					</form>
					<!--end::Form-->
				</div>
				<!--end::Content-->
			</div>
			<!--end::Basic info-->
		
		</div>
		<!--end::Container-->
	</div>
@endsection

@section('js')
@endsection