@extends('admin.layouts.contentLayoutMaster')

@section('title', $title)

@section('content')
  <section id="multiple-column-form">
    <div class="row match-height">
      <div class="col-12">
        <div class="card">
          <div class="card-content">
            <div class="card-body">
              <form id="form" class="form" method="POST" action="{{ route("admin.location.store") }}">
                @csrf
                <div class="form-body">
                  <div class="row">
                      <div class="col-md-12 col-12">
                          <div class="form-group">
                              <label for="first_name">Name <span style="color: red;">*</span></label>
                              <input type="text" id="name" class="form-control" name="name" placeholder="Name"/>
                          </div>

                          <div class="form-group">
                              <label for="lat">Latitude <span style="color: red;">*</span></label>
                              <input type="text" id="lat" class="form-control" name="lat" placeholder="Latitude"/>
                          </div>

                          <div class="form-group">
                              <label for="long">Longitude <span style="color: red;">*</span></label>
                              <input type="text" id="long" class="form-control" name="long" placeholder="Longitude"/>
                          </div>

                          <div class="form-group">
                              <label for="address">Address <span style="color: red;">*</span></label>
                              <textarea type="text" id="address" class="form-control" name="address" placeholder="Address"></textarea>
                          </div>

                          <div class="form-group">
                              <label for="contact_no">Contact No <span style="color: red;">*</span></label>
                              <input type="text" class="form-control" name="contact_no" id="contact_no" placeholder="Contact No"/>
                          </div>

                          <div class="form-group">
                              <label for="start_time">Start Time <span style="color: red;">*</span></label>
                              <input type="text" class="form-control" name="start_time" id="start_time" placeholder="Start Time"/>
                          </div>

                          <div class="form-group">
                              <label for="end_time">End Time <span style="color: red;">*</span></label>
                              <input type="text" class="form-control" name="end_time" id="end_time" placeholder="End Time"/>
                          </div>

                          <div class="form-group">
                              <label for="color">Color <span style="color: red;">*</span></label>
                              <input type="text" class="form-control" name="color" id="color" placeholder="Color"/>
                          </div>
                      </div>
                  </div>
                  <div class="col-12">
                    <div class="float-right">
                      <button type="submit" class="btn btn-primary mr-1 mb-1">Save</button>
                      <a href="{{ route("admin.location.index") }}" class="btn btn-secondary mr-1 mb-1">Cancel</a>
                    </div>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection

@section('page-script')
    @include('admin.menu.location.components.support-js.crud.create-submit-js')
@endsection