@extends('admin.layouts.app')
@section('title','Contact')
@section('content')
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
      Contact
      </h1>
      <ol class="breadcrumb">
        <li><a href="{{ url('admin/dashboard') }}"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active"> Contact</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
<div class="row">
         <div class="col-md-12">
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">Edit Contact</h3>

              <div class="box-tools pull-right">
               <!--  <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button> -->
               
              </div>
            </div>

      <!-- Info boxes -->
      <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-8">
          <form class="form-horizontal" action="{{ action('AdminController\ContactController@storeOrUpdate') }}" id="add_form" method="post" enctype="multipart/form-data" autocomplete="off">
            @csrf
              <div class="box-body">
              	<input type="hidden" name="id" value="{{ $contact->id ?? '' }}">
                <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Email<span style="color: red">*</span></label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="user-email" placeholder="Email.." name="email"  value="{{ $contact->email ?? '' }}" required>
                  <label id="error-user-email">Invalid Email!</label>
				  </div>
                </div>
                <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Phone<span style="color: red">*</span></label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="" onkeypress="return numbersonly(event)" placeholder="Phone No..." name="phone" value="{{ $contact->phone ?? '' }}" maxlength="10" required>
                  </div>
                </div><hr>

                
                <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Footer Address<span style="color: red">*</span></label>


                  <div class="col-sm-10">
                    <textarea type="text" class="form-control" id="editor2" placeholder="Address.." name="address" rows="3" required>{{ $contact->address ?? '' }}</textarea>
                  </div>


                </div><hr>
                <div class="form-group">
                  <label for="" class="col-sm-2 control-label">More Address</label>

                  <div class="col-sm-10">
                    <div title="Use '|' symbol for Ex- Adderss One | Adderss Two | Address Three..." ><i class="fa fa-question-circle" aria-hidden="true"></i></div>
                    <textarea type="text" class="form-control" id="editor1" placeholder="Ex- Adderss One | Adderss Two | Address Three |..." name="more_address" rows="3" required>{{ $contact->more_address ?? '' }}</textarea>
                  </div>
                </div>
                <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Latitude<span style="color: red"></span></label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="txtlatitude"  placeholder="Latitude..." name="location_lat" value="{{ $contact->location_lat ?? '' }}">
                  </div>
                </div>
                <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Longitude<span style="color: red"></span></label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="txtlatitude" placeholder="Longitude..." name="location_long" value="{{ $contact->location_long ?? '' }}" >
                  </div>
                </div><hr>
                <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Facebook<span style="color: red"></span></label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="" placeholder="Facebook Link..." name="facebook" value="{{ $contact->facebook ?? '' }}" >
                  </div>
                </div>
                <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Twitter<span style="color: red"></span></label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="" placeholder="Twitter Link..." name="twitter" value="{{ $contact->twitter ?? '' }}" >
                  </div>
                </div>
                <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Instagram<span style="color: red"></span></label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="" placeholder="Instagram Link..." name="instagram" value="{{ $contact->instagram ?? '' }}" >
                  </div>
                </div>
                <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Linkedin<span style="color: red"></span></label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="" placeholder="Linkedin Link..." name="linkedin" value="{{ $contact->linkedin ?? '' }}" >
                  </div>
                </div>
              <!--   <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Pinterest<span style="color: red"></span></label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="" placeholder="Pinterest Link..." name="pinterest" value="{{ $contact->pinterest ?? '' }}" >
                  </div>
                </div> -->
                <!-- <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Google Plus<span style="color: red"></span></label>

                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="" placeholder="Google Plus Link..." name="google_plus" value="{{ $contact->google_plus ?? '' }}" >
                  </div>
                </div> -->

                <!-- <div class="form-group">
                  <label for="" class="col-sm-2 control-label">Choose Image</label>

                  <div class="col-sm-10">
                    <input type="file" name="image_name" class="form-control" id=""  onchange="preview_image(event)">
                  </div>
                </div>
                <div class="form-group">
                  <label for="" class="col-sm-2 control-label"></label>

                  <div class="col-sm-10">
                    
                     <img id="output_image" src="{{ asset('admin') }}/dist/img/placeholder/download.png" style="width: 200px;height: 200px;"/>
                  </div>
                </div> -->
              </div>
              <!-- /.box-body -->
              <div class="box-footer text-right">
                <button type="reset" class="btn btn-default">Reset</button>
                <button type="submit" class="btn btn-main">Submit</button>
              </div>
              <!-- /.box-footer -->
            </form>
        </div>
        <div class="col-md-2"></div>
      </div>
      </div>
      </div>
      </div>
  </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
@endsection
@section('js')
    <script>
  $(function () {
    CKEDITOR.replace('editor1')
  })
  $(function () {
    CKEDITOR.replace('editor2')
  })
</script>
@endsection