@extends('layouts.dashboard')

@section('dashboard')

	<div class="container-fluid">
  		<div class="container pt-5">
        	<div class="row justify-content-md-center">
        		<div class="col-7">
        			<div class="row no-gutters align-items-center pb-3">

        				<div class="col">
    					   <h4 class="m-0">Crear Sucursal</h4>
                            @if(count($errors) > 0)
                                <div class="alert alert-danger mt-4" role="alert">
                                    <ul>
                                        @foreach ($errors->all() as $message)
                                            <li>{{ $message }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
        				</div>

        				<div class="col">
							<p class="text-right m-0">

								<a href="/dashboard/" class="href-rosa all-animate">
									<i class="fa fa-chevron-left"></i>
									<span>Volver </span>

								</a>
							</p>
						</div>

        			</div>
        			<div class="row">
        				<div class="col">
        					@foreach($proveedor as $pro)

								
							@endforeach


        					<form action="{{action('DashboardController@saveSucursal')}}" enctype="multipart/form-data" class="form-registro" method="POST">
        						{{csrf_field()}}
        						<input type="hidden" name="id_proveedor" value="{{$proveedor_id}}">
        						<div class="bg-white">
        							<div class="form-group row mb-4">
                                        <div class="col-md-6">
                                            <select class="custom-select" name="comuna">
                                                <option value="" selected>Seleccionar Comuna</option>
                                                @foreach($comunas as $co)
                                                <option value="{{$co->comuna_id}}">{{$co->comuna_nombre}}</option>
                                                @endforeach
                                            </select>
                                        </div>

        								<div class="col-md-6">
    										<input type="number" name="fono" class="form-control" placeholder="Teléfono" required="" >
        								</div>
        							</div>
        							<div class="form-group row">
        								<div class="col-sm-6">
        									<input type="email" name="correo" class="form-control" placeholder="E-mail" required="">
        								</div>


        								<div class="col-sm-6">
        									<input type="text" name="direccion" class="form-control" placeholder="Dirección" required="" >
        								</div>

        							</div>
        							<!--<div class="form-group row">
        								<div class="col-sm-6">
        									<input type="text" name="instagram" class="form-control" placeholder="Instagram">
        								</div>
        								<div class="col-sm-6">
        									<input type="text" name="twitter" class="form-control" placeholder="Twitter">
        								</div>
        							</div>-->
        							<div class="form-group row">
        								<!--<div class="col-sm-6">
        									<input type="text" name="facebook" class="form-control" placeholder="Facebook">
        								</div>-->
        								<div class="col-sm-6">
        									<input type="text" name="whatsapp" class="form-control" placeholder="Whatsapp">
        								</div>
        								<!--<div class="col-sm-6">
        									<input type="text" name="" class="form-control" placeholder="Twitter" required="">
        								</div>-->
        							</div>

        							<div class="form-group row">

        								<div class="col-md-6">
	                                        <select class="custom-select" required="" name="casa-matriz">
	                                        	<option value="" selected>¿Casa Matriz?</option>
	                                            <option value="si">Si</option>
	                                            <option value="no">No</option>
	                                        </select>
        								</div>



        							</div>

                                    <p class="font-weight-bold text-uppercase">Horario</p>
                                    <div class="form-group row ">
                                        <div class="col-md-5 pl-4">
                                            <input type="checkbox" name="dia[]" class="form-check-input" value="lunes">Lunes</input>

                                        </div>
                                        <div class="col-sm-6">
                                            <div class="row ">
                                                <div class="col-5">
                                                    <input type="time" class="form-control" name="desde-lunes[]">
                                                </div>

                                                <div class="col-5">
                                                    <input type="time" class="form-control" name="hasta-lunes[]">
                                                </div>

                                                <div class="col-2">
                                                    <button type="button" class="btn btn-info" onclick="addHorario('lunes')">+</button>
                                                </div>
                                            </div>
                                            <div class="horarios-lunes"></div>
                                        </div>
                                    </div>
                                    <!--<hr>-->
                                    <div class="form-group row">
                                        <div class="col-md-5 pl-4">
                                            <input type="checkbox" name="dia[]" class="form-check-input" value="martes">Martes</input>

                                        </div>
                                        <div class="col-sm-6">

                                            <div class="row">
                                                <div class="col-5">

                                                    <input type="time" class="form-control" name="desde-martes[]">
                                                </div>

                                                <div class="col-5">
                                                    <input type="time" class="form-control" name="hasta-martes[]">
                                                </div>
                                                <div class="col-2">
                                                    <button type="button" class="btn btn-info" onclick="addHorario('martes')">+</button>
                                                </div>

                                            </div>

                                             <div class="horarios-martes"></div>

                                        </div>
                                    </div>

                                    <div class="form-group row">

                                        <div class="col-md-5 pl-4">
                                            <input type="checkbox" name="dia[]" class="form-check-input" value="miercoles">Miércoles</input>

                                        </div>
                                        <div class="col-sm-6">

                                            <div class="row">
                                                <div class="col-5">

                                                    <input type="time" class="form-control" name="desde-miercoles[]">
                                                </div>

                                                <div class="col-5">
                                                    <input type="time" class="form-control" name="hasta-miercoles[]">
                                                </div>

                                                <div class="col-2">
                                                    <button type="button" class="btn btn-info" onclick="addHorario('miercoles')">+</button>
                                                </div>

                                            </div>

                                            <div class="horarios-miercoles"></div>


                                        </div>
                                    </div>

                                    <div class="form-group row">

                                        <div class="col-md-5 pl-4">
                                            <input type="checkbox" name="dia[]" class="form-check-input" value="jueves">Jueves</input>

                                        </div>
                                        <div class="col-sm-6">

                                            <div class="row">
                                                <div class="col-5">

                                                    <input type="time" class="form-control" name="desde-jueves[]">
                                                </div>

                                                <div class="col-5">
                                                    <input type="time" class="form-control" name="hasta-jueves[]">
                                                </div>

                                                <div class="col-2">
                                                    <button type="button" class="btn btn-info" onclick="addHorario('jueves')">+</button>
                                                </div>

                                            </div>

                                            <div class="horarios-jueves"></div>

                                        </div>
                                    </div>

                                    <div class="form-group row">

                                        <div class="col-md-5 pl-4">
                                            <input type="checkbox" name="dia[]" class="form-check-input" value="viernes">Viernes</input>

                                        </div>
                                        <div class="col-sm-6">

                                            <div class="row">
                                                <div class="col-5">

                                                    <input type="time" class="form-control" name="desde-viernes[]">
                                                </div>

                                                <div class="col-5">
                                                    <input type="time" class="form-control" name="hasta-viernes[]">
                                                </div>
                                                <div class="col-2">
                                                    <button type="button" class="btn btn-info" onclick="addHorario('viernes')">+</button>
                                                </div>

                                            </div>

                                            <div class="horarios-viernes"></div>


                                        </div>
                                    </div>

                                    <div class="form-group row">

                                        <div class="col-md-5 pl-4">
                                            <input type="checkbox" name="dia[]" class="form-check-input" value="sabado">Sábado</input>

                                        </div>
                                        <div class="col-sm-6">

                                            <div class="row">
                                                <div class="col-5">

                                                    <input type="time" class="form-control" name="desde-sabado[]">
                                                </div>

                                                <div class="col-5">
                                                    <input type="time" class="form-control" name="hasta-sabado[]">
                                                </div>

                                                <div class="col-2">
                                                    <button type="button" class="btn btn-info" onclick="addHorario('sabado')">+</button>
                                                </div>

                                            </div>

                                            <div class="horarios-sabado"></div>


                                        </div>
                                    </div>

                                    <div class="form-group row">

                                        <div class="col-md-5 pl-4">
                                            <input type="checkbox" name="dia[]" class="form-check-input" value="domingo">Domingo</input>

                                        </div>
                                        <div class="col-sm-6">

                                            <div class="row">
                                                <div class="col-5">

                                                    <input type="time" class="form-control" name="desde-domingo[]">
                                                </div>

                                                <div class="col-5">
                                                    <input type="time" class="form-control" name="hasta-domingo[]">
                                                </div>
                                                <div class="col-2">
                                                    <button type="button" class="btn btn-info" onclick="addHorario('domingo')">+</button>
                                                </div>

                                            </div>

                                            <div class="horarios-domingo"></div>




                                        </div>
                                    </div>
        						</div>
        						<div class="form-group row align-items-center mt-4">
        							<div class="col-3">
        								<button type="submit" class="btn btn-info text-uppercase all-animate">Guardar</button>
        							</div>
        						</div>
        					</form>

        				</div>
        			</div>
        		</div>
        	</div>
        </div>
    </div>

@endsection