@extends('layouts.app')

@section('title')
    New Contact
@endsection

@section('description')
    Create a new contact
@endsection

@section('breadcrumb')
    <li><a href="#">New Contact</a></li>
@endsection

@section('content')
<!-- Small boxes (Stat box) -->
<div class="row">

    <div class="col-lg-6 col-xs-12">
        <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">Create A New Contact</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
            <form role="form" action="/contacts" method="POST">
            {{ csrf_field() }}
              <div class="box-body">
                <div class="form-group">
                  <label for="name">Name</label>
                  <input type="text" class="form-control" id="name" name="name" placeholder="Enter full name">
                </div>
                <!-- select -->
                <div class="form-group">
                  <label>City</label>
                  <select id="city_id" name="city_id" class="form-control">
                  @foreach($cities as $city)
                    <option value="{{ $city->id }}">{{ $city->name }}</option>
                  @endforeach
                  </select>
                </div>                
                <div class="form-group">
                  <label for="address">Address</label>
                  <input type="text" class="form-control" id="address" name="address" placeholder="Enter full address">
                </div>
                <div class="form-group">
                  <label for="phone_number">Phone Number</label>
                  <input type="text" class="form-control" id="phone_number" name="phone_number" placeholder="Enter phone number">
                </div>
                <div class="form-group">
                  <label for="tv_brand">Merk TV</label>
                  <input type="text" class="form-control" id="tv_brand" name="tv_brand" placeholder="Enter tv brand">
                </div>
                <div class="form-group">
                  <label for="latitude">Latitude</label>
                  <input type="text" class="form-control" id="latitude" name="latitude" placeholder="Enter latitude">
                </div>
                <div class="form-group">
                  <label for="longitude">Longitude</label>
                  <input type="text" class="form-control" id="longitude" name="longitude" placeholder="Enter longitude">
                </div>
              </div>
              <!-- /.box-body --> 

              <div class="box-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>
            </form>
          </div>
          <!-- /.box -->
    </div>

</div>
<!-- /.row -->
@endsection