@extends('layouts.admin.master', ['bodyCss'=>'', 'title'=>'Bioderma | Admin'])

	@section('styles')
		
	@endsection

	@section('scripts')
		<script type="text/javascript">
			
			$("#success-alert").fadeTo(2000, 500).slideUp(500, function(){
			    $("#success-alert").slideUp(500);
			});

		</script>
	@endsection

	@section('content')

		<header>
			@include('layouts.admin.navbar')
		</header>

	    <div class="container-fluid">
	      <div class="row">

	        @include('layouts.admin.sidebar', [ 'menuActive' => 'geopoints' ] )

	        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
	          <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
	            <h1 class="h5">Punto Dermatológico</h1>
	          </div>

	          <!-- Start Content  -->
	          <div class="col-md-12 order-md-1">

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

					<div class="col-md-12 mb-12" id="success-alert">
		          		@if (session('status'))
						    <div class="alert alert-success alert-dismissible">
						    	<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
						        {{ session('status') }}
						    </div>
						@endif
					</div>

					{!!Form::model($geopoint,['method'=>'PATCH', 'files'=>true, 'route'=>['geopoints.update',$geopoint->id]])!!}
					{{Form::token()}}

						<div class="form-row">
							<div class="col-md-6 mb-6">
						      <label for="name">Nombre</label>
						      <input id="name" name="name" type="text" class="form-control" placeholder="Título" value="{{$geopoint->name}}" required>
						    </div>
						</div>

						<div class="form-row">
							<div class="col-md-6 mb-6">
						      <label for="status">Ciudad</label>
						      {!! Form::select('city_id', $citiesList, $geopoint->city_id, ['class'=>'custom-select d-block w-100']) !!}
						    </div>
						</div>

						<div class="form-row">
							<div class="col-md-6 mb-6">
						      <label for="url">Url</label>
						      <input id="url" name="url" type="text" class="form-control" placeholder="Url" value="{{$geopoint->url}}">
						    </div>
						</div>

						<div class="form-row">
							<div class="col-md-6 mb-6">
						      <label for="address">Dirección</label>
						      <textarea id="address" name="address" placeholder="Dirección" class="form-control" required>{{$geopoint->address}}</textarea>
						    </div>
						</div>

						<!--div class="form-row">
							<div class="col-md-6 mb-6">
						      <label for="latitude">Latitud</label>
						      <input id="latitude" name="latitude" type="text" class="form-control" placeholder="Latitud" value="{{$geopoint->latitude}}">
						    </div>
						</div>

						<div class="form-row">
							<div class="col-md-6 mb-6">
						      <label for="longitude">Longitud</label>
						      <input id="longitude" name="longitude" type="text" class="form-control" placeholder="Longitud" value="{{$geopoint->longitude}}">
						    </div>
						</div-->

						<div class="form-row">
							<div class="col-md-6 mb-6">
						      	<label for="body">Imagen</label>
								<div class="custom-file">
									<input type="file" class="custom-file-input" id="file_path" name="file_path">
									<label class="custom-file-label" for="file_path">Choose file...</label>
								</div>
						    </div>
						</div>

						@if ( !empty($geopoint->file_name) )						
							<div class="text-left" style="margin: 10px 0px 10px 0px">
							  <img src="{{ asset('storage/geopoints_image/'.$geopoint->file_name) }}" height="250" width="250" class="img-thumbnail" alt="{{$geopoint->file_name}}">
							</div>
						@endif

						<div class="form-row">
							<div class="col-md-6 mb-6">
						      <label for="status">Estatus</label>
						      <select id="status" name="status" class="custom-select d-block w-100">
									<option value="1" {{ ($geopoint->status=='1') ? 'selected' : '' }}>Activo</option>
									<option value="0" {{ ($geopoint->status=='0') ? 'selected' : '' }}>Inactivo</option>
								</select>
						    </div>
						</div>

						<div class="form-row">

							<div class="col-md-6 mb-6">
						      <label for="name">&nbsp;</label>
						      <button type="submit" class="btn btn-outline-primary btn-sm form-control">Guardar</button>
						    </div>

						</div>
						
					{!!Form::close()!!}
				
				</div>

	          	
	          <!-- End Content  -->
	        </main>
	      </div>
	    </div>

	    <footer>
	    	@include('layouts.admin.footer')
	    </footer>
	    
	@endsection