{{csrf_field()}}
  <div class="form-group row mb-4">
    <div class="col-12 text-right mb-4">
        <buttom onclick="addSucursalCercana({{$sucursal_id}})" class="btn btn-success btn-sm">Agregar sucursal cercana + </buttom>
    </div>
    <div class="col-md-12">
      <label for="nombre-sucursal" class="d-block font-weight-bold">Nombre Sucursal</label>
      <input type="text" name="nombre-sucursal" class="form-control" placeholder="Nombre Sucursal" required="" >
    </div>

    <div id="box-sucursal-cercana" class="col-12">

      @if(!empty($sucursales_cercanas) && count($sucursales_cercanas) > 0)
          @foreach($sucursales_cercanas as $sc)
              @php
                  $num = $sc->sucursal_prioridad_id;
                  $id = $num;
              @endphp
              @include('dashboard.sucursal.sucursales-cercanas')
          @endforeach
      @endif
    </div>

  </div>

    <div class="form-group row">


      <div class="col-md-6">
        <label for="comuna" class="d-block font-weight-bold">Comuna</label>
        @php $comunas = \FCR::getComunas(); @endphp
        <select class="form-control select2" name="comuna" required="">
            <option value="">Seleccionar Comuna</option>
            @foreach($comunas as $co)
                <option value="{{ $co->comuna_id }}">{{ $co->comuna_nombre }}</option>
            @endforeach
        </select>
      </div>
      <div class="col-sm-6">
        <label for="direccion" class="d-block font-weight-bold">Dirección</label>
        <input type="text" name="direccion" class="form-control" placeholder="Dirección" required="" >
      </div>
    </div>

    <div class="form-group row">


      <div class="col-md-6">
        <label for="fono" class="d-block font-weight-bold">Teléfono</label>
        <input type="number" name="fono" class="form-control" placeholder="Teléfono" required="">
      </div>

      <div class="col-md-6">
        <label for="whatsapp" class="d-block font-weight-bold">WhatsApp</label>
        <input type="text" name="whatsapp" class="form-control" placeholder="WhatsApp" >
      </div>

      <div class="col-md-6 mt-3">
        <label for="correo" class="d-block font-weight-bold">E-mail</label>
        <input type="email" name="correo" class="form-control" placeholder="E-mail">
      </div>
    </div>

    


  <div class="form-group row align-items-center mt-4">

    <div class="col-12">
      <h3>Resumen Sucursales Cercanas</h3>
    </div>

    <div class="col-12 table-responsive">
      <table class="table table-hover table-bordered">
        <thead>
          <tr>
            <th>Sucursales</th>
            <th>Sucursal cercana</th>

          </tr>
        </thead>
        <tbody>
          

        </tbody>
      </table>
    </div>


        <div class="col-12 text-right">
      <a href="{{ route('sucursales') }}" class="btn btn-danger btn-sm">Volver atras</a>
      <button type="submit" class="btn btn-primary text-uppercase btn-sm ml-3">Guardar</button>
    </div>
  </div>