@extends('layouts.template')
@section('content')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/js/dropify.min.js" integrity="sha512-8QFTrG0oeOiyWo/VM9Y8kgxdlCryqhIxVeRpWSezdRRAvarxVtwLnGroJgnVW9/XBRduxO/z1GblzPrMQoeuew==" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/css/dropify.css" integrity="sha512-In/+MILhf6UMDJU4ZhDL0R0fEpsp4D3Le23m6+ujDWXwl3whwpucJG1PEmI3B07nyJx+875ccs+yX2CqQJUxUw==" crossorigin="anonymous" />
<div class="card mb-5 mb-xl-10">
	<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">
		<div class="card-title m-0">
			<h3 class="fw-bolder m-0">Add Data Distributor</h3>
		</div>
	</div>
	<div id="kt_account_profile_details">
		<form method="POST" action="{{ route('distributor.store') }}" enctype="multipart/form-data" id="form">
      @csrf
			<div class="card-body border-top p-9">
				<div class="row mb-6">
					<label class="col-lg-4 col-form-label fw-bold fs-6 required">Region</label>
					<div class="col-lg-8 fv-row">
						<select aria-label="Select Region" data-control="select2" data-placeholder="Select Region" class="form-select form-select-solid form-select-lg cc" name="region" id="region">
							<option value=""></option>
              @if(Auth::user()->role == 1)
                @foreach($region as $reg)
                	<option value="{{$reg}}">{{$reg}}</option>
                @endforeach
              @else
               	@foreach($region_role as $r)
              		<option value="{{$r}}">{{$r}}</option>
              	@endforeach
              @endif
						</select>
						<script type="text/javascript">
							$("#cek").on('change', function (e) {
						  	alert('cldkgj');
						  });
						</script>
					</div>
				</div>
				<div class="row mb-6">
					<label class="col-lg-4 col-form-label fw-bold fs-6 required">Distributor</label>
					<div class="col-lg-8 fv-row">
						<select aria-label="Select Distributor" data-control="select2" data-placeholder="Select Distributor" class="form-select form-select-solid form-select-lg" id="distributor" name="nama_distributor" required>
						</select>
					</div>
				</div>
				<div class="row mb-6">
					<label class="col-lg-4 col-form-label required fw-bold fs-6">NO SP</label>
					<div class="col-lg-8 fv-row">
						<input type="text" id="no_sp" class="form-control form-control-lg form-control-solid" readonly name="no_sp"/>
					</div>
				</div>
				<div class="row mb-6">
					<label class="col-lg-4 col-form-label fw-bold fs-6 required">Segment</label>
					<div class="col-lg-8 fv-row">
						<select name="segment" aria-label="Select Segment" data-control="select2" data-placeholder="Select Segment" class="form-select form-select-solid form-select-lg" required>
							<option value=""></option>
							@foreach($segment as $s)
							<option value="{{$s->segment}}">{{$s->segment}}</option>
							@endforeach
						</select>
					</div>
				</div>
				<div class="row mb-6">
					<label class="col-lg-4 col-form-label required fw-bold fs-6">Nama Lengkap Owner</label>
					<div class="col-lg-8 fv-row">
						<input type="text" name="nama_owner" class="form-control form-control-lg form-control-solid" required />
					</div>
				</div>
				<div class="row mb-6">
					<label class="col-lg-4 col-form-label required fw-bold fs-6">E-mail Perusahaan</label>
					<div class="col-lg-8 fv-row">
						<input type="email" name="email" class="form-control form-control-lg form-control-solid" placeholder="Example : nama@gmail.com" required />
					</div>
				</div>
				<div class="row mb-6">
					<label class="col-lg-4 col-form-label required fw-bold fs-6">No. Telepon Perusahaan</label>
					<div class="col-lg-8 fv-row">
						<input type="number" name="no_telp" class="form-control form-control-lg form-control-solid" placeholder="Example : 085692133XXX" required />
					</div>
				</div>
				<div class="row mb-6">
					<label class="col-lg-4 col-form-label required fw-bold fs-6">No. NPWP Perusahaan</label>
					<div class="col-lg-8 fv-row">
						<input type="text" name="no_npwp" class="form-control form-control-lg form-control-solid" placeholder="Example : 99.999.999.9-999.999" required />
					</div>
				</div>
				<div class="row mb-6">
					<label class="col-lg-4 col-form-label required fw-bold fs-6">NIK Owner</label>
					<div class="col-lg-8 fv-row">
						<input type="text" name="no_ktp" class="form-control form-control-lg form-control-solid" placeholder="Example : 320123XXXXXXXXXXX" required />
					</div>
				</div>
				<div class="row mb-6">
					<label class="col-lg-4 col-form-label required fw-bold fs-6">Alamat Kantor</label>
					<div class="col-lg-8 fv-row">
						<textarea class="form-control form-control-lg form-control-solid" aria-label="With textarea" placeholder="Enter Your Address" required name="alamat_kantor"></textarea>
					</div>
				</div>
				<div class="row mb-6">
					<label class="col-lg-4 col-form-label required fw-bold fs-6">Longitude</label>
					<div class="col-lg-8 fv-row">
						<input type="text" name="longitude" class="form-control form-control-lg form-control-solid" required />
					</div>
				</div>
				<div class="row mb-6">
					<label class="col-lg-4 col-form-label required fw-bold fs-6">Latitude</label>
					<div class="col-lg-8 fv-row">
						<input type="text" name="latitude" class="form-control form-control-lg form-control-solid" required />
					</div>
				</div>
				<div class="row mb-6">
					<div class="col-lg-6 fv-row">
						<label class="col-lg-4 col-form-label required fw-bold fs-6">Foto NPWP</label>
						<input type="file" class="dropify" name="file_npwp" required>
					</div>
					<div class="col-lg-6 fv-row">
						<label class="col-lg-4 col-form-label required fw-bold fs-6">Foto KTP</label>
						<input type="file" class="dropify" name="file_ktp" required>
					</div>
				</div>
			</div>
			<div class="card-footer d-flex justify-content-between py-6 px-9">
				<a href="{{route('distributor.index')}}" class="btn btn-warning"><i class="fas fa-arrow-left fs-4 me-2"></i>Back</a>
				<button type="submit" class="btn btn-primary" id="kt_account_profile_details_submit">
				<i class="fas fa-save"></i>Save</button>
			</div>
		</form>
	</div>
</div>

<script type="text/javascript">
  $('.dropify').dropify();
  
  $('.dropify-clear').click(function(e){
    e.preventDefault();
    
  });
</script>
@endsection