Current File : /home/tradevaly/demo.tradevaly.com.bd/resources/views/frontend/page-submit.blade.php
  @extends('layouts.frontend')
    @section('content') 


    <div id="wrapper-content" class="wrapper-content pt-0 pb-0">
      <div class="inner-page-banner heading-title-behind text-center">
        <div class="heading heading-style-title-behind mb-0">
          <div class="heading-title-wrapper">
            <span>Submit Your Listing</span>
            <h1 class="text-white heading-title h2 font-weight-semibold">Submit Your Listing</h1>
            <ul class="po-bread breadcrumb justify-content-center fadeInUp animated" data-animate="fadeInUp">
              <li class="breadcrumb-item"><a href="index.html">Home</a></li>
              <li class="breadcrumb-item">Submit Your Listing</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="page-submit-listing container pb-5 pt-5">
      <div class="page-description text-center font-size-md py-3 lh-15 mb-3">
      <span class="font-weight-semibold text-dark">Returning User? Please </span>
      <a class="text-link font-weight-semibold" href="#login-popup" data-gtf-mfp="true" data-mfp-options="{&quot;type&quot;:&quot;inline&quot;}">Sign In</a> and if you
      are a <span class="font-weight-semibold text-dark">New User, Continue Below</span> and register along with
      this submission.
      </div>

      <div id="submit-listing" class="section-submit-listing pb-2">
      <form>
      <div class="submit-listing-blocks mb-7 border-bottom pb-6">
      <div class="row lh-18">
      <div class="col-md-6 ">
      <div class="card border-0 p-0">
      <img src="{{ asset('public/frontend/images/other/submit-listing-1.jpg') }}" alt="Submit listing 01" class="card-img-top border">
      <div class="card-body px-0 pt-6">
      <div class="form-group mb-4">
      <div class="text-dark font-weight-semibold font-size-md mb-2 lh-15">Listing Tittle
      <a href="#" class="text-darker-light d-inline-block ml-2" data-toggle="tooltip" data-placement="top" title="" data-original-title="Title for listing"><i class="fas fa-question-circle"></i></a>
      </div>
      <input type="text" class="mb-2 form-control" placeholder="Staple &amp; Fancy Hotel">
      <input type="text" class="form-control" placeholder="Tagline Example: Best Express Mexican Grill">
      </div>
      <div class="form-group mb-4">
      <div class="mb-2 d-flex align-items-center lh-15">
      <label class="mb-0 text-dark font-weight-semibold font-size-md lh-15" for="city">City</label>
      <a href="#" class="text-darker-light d-inline-block ml-2" data-toggle="tooltip" data-placement="top" title="" data-original-title="Region of listing">
      <i class="fas fa-question-circle"></i></a></div>
      <input type="text" id="city" class="form-control" placeholder="Select your listing region">
      </div>
      <div class="form-group mb-4">
      <label for="phone" class="text-dark font-weight-semibold font-size-md mb-2 lh-15">Phone</label>
      <input type="text" id="phone" class="form-control" placeholder="123-456-789">
      </div>
      <div class="form-group mb-4">
      <div class="mb-2 d-flex align-items-center lh-15">
      <label class="mb-0 text-dark font-weight-semibold font-size-md lh-15" for="address">Full Address
      (Geolocation) </label>
      <a href="#" class="text-darker-light d-inline-block ml-2" data-toggle="tooltip" data-placement="top" title="" data-original-title="Full address for finding in google map"><i class="fas fa-question-circle"></i></a></div>
      <input type="text" id="address" class="form-control" placeholder="Start typing and find your place in google map">
      </div>
      <div class="form-group mb-4">
      <label for="website" class="text-dark font-weight-semibold font-size-md mb-2 lh-15">Website</label>
      <input type="text" id="website" class="form-control" placeholder="http://">
      </div>
      </div>
      </div>
      </div>
      <div class="col-md-6 ">
      <div class="card border-0 p-0">
      <img src="{{ asset('public/frontend/images/other/submit-listing-2.jpg') }}" alt="Submit listing 02" class="card-img-top border">
      <div class="card-body px-0 pt-6">
      <div class="form-group business-hours mb-2">
      <div class="text-dark font-weight-semibold font-size-md mb-3 lh-12">Add Business Hours
      </div>
      <div class="row lh-18">
      <span class="font-weight-semibold col-4 col-md-3">Monday</span>
      <span class="col-4 col-md-3 ">09:00 - 17:00</span>
      <a href="#" class="col-4 col-md-3 text-danger text-decoration-none">Remove</a>
      </div>
      <div class="row lh-18">
      <span class="font-weight-semibold col-4 col-md-3">Tuesday </span>
      <span class="col-4 col-md-3">09:00 - 17:00</span>
      <a href="#" class="col-4 col-md-3 text-danger text-decoration-none">Remove</a>
      </div>
      <div class="row lh-18">
      <span class="font-weight-semibold col-4 col-md-3">Wednesday</span>
      <span class="col-4 col-md-3">09:00 - 17:00</span>
      <a href="#" class="col-4 col-md-3 text-danger text-decoration-none">Remove</a>
      </div>
      <div class="row lh-18">
      <span class="font-weight-semibold col-4 col-md-3">Thursday</span>
      <span class="col-4 col-md-3">09:00 - 17:00</span>
      <a href="#" class="col-4 col-md-3 text-danger text-decoration-none">Remove</a>
      </div>
      <div class="row lh-18">
      <span class="font-weight-semibold col-4 col-md-3">Friday </span>
      <span class="col-4 col-md-3">09:00 - 17:00</span>
      <a href="#" class="col-4 col-md-3 text-danger text-decoration-none">Remove</a>
      </div>
      </div>
      <div class="form-row align-items-center form-time">
      <div class="col item form-group day">
      <select class="form-control">
      <option>Monday</option>
      <option>Tuesday</option>
      <option>Wednesday</option>
      <option>Thursday</option>
      <option>Friday</option>
      <option>Saturday</option>
      <option>Sunday</option>
      </select>
      </div>
      <div class="col item form-group">
      <select class="form-control">
      <option>07:00</option>
      <option>08:00</option>
      <option>09:00</option>
      <option>10:00</option>
      <option>11:00</option>
      <option>12::00</option>
      </select>
      </div>
      <div class="col item form-group">
      <select class="form-control">
      <option>13:00</option>
      <option>14:00</option>
      <option>15:00</option>
      <option>16:00</option>
      <option>17:00</option>
      <option>18::00</option>
      </select>
      </div>
      <div class="item form-checkbox">
      <div class="custom-control custom-checkbox d-flex align-items-center">
      <input class="custom-control-input" type="checkbox" id="hour">
      <label class="custom-control-label" for="hour">
      24 Hours
      </label>
      </div>
       </div>
      <div class="col item">
      <a href="#" class="btn btn-primary btn-add-new"><i class="fal fa-plus"></i></a>
      </div>
      </div>
      <div class="form-group mb-4">
      <label for="category" class="text-dark font-weight-semibold font-size-md mb-2 lh-15">Category</label>
      <select id="category" class="form-control color-gray">
      <option selected="">Choose your business category</option>
      </select>
      </div>
      <div class="form-group mb-4">
      <label for="price-status" class="text-dark font-weight-semibold font-size-md mb-2 lh-15">Price Status</label>
      <select id="price-status" class="form-control color-gray">
      <option>Not to say</option>
      </select>
      </div>
      <div class="form-row mb-4">
      <div class="col">
      <label for="price-form" class="text-dark font-weight-semibold font-size-md mb-2 lh-15">Price From</label>
      <select id="price-form" class="form-control color-gray">
      <option>$0.00</option>
      <option>$10.00</option>
      </select>
      </div>
      <div class="col">
      <label class="text-dark font-weight-semibold font-size-md mb-2 lh-15" for="price-to">Price To</label>
      <select id="price-to" class="form-control color-gray">
      <option>$0.00</option>
      <option>$10.00</option>
      </select>
      </div>
      </div>
      </div>
      </div>
      </div>
      </div>
      </div>
      <div class="submit-listing-blocks mb-6">
      <div class="row lh-18">
      <div class="col-md-6 submit-listing-block">
      <div class="card border-0 p-0">
      <img src="{{ asset('public/frontend/images/other/submit-listing-3.jpg') }}" alt="Submit listing 02" class="card-img-top border">
      <div class="card-body px-0 pt-0">
      <div class="form-group mb-4">
      <label class="text-dark font-weight-semibold font-size-md mb-2 lh-15" for="description">Description
      </label>
      <textarea id="description" data-tinymce="true" placeholder="Detail description about your listing" style="visibility: hidden;"></textarea>
      </div>
      <div class="form-group mb-4">
      <label class="text-dark font-weight-semibold font-size-md mb-2 lh-15">Social</label>
      <div class="row mb-4">
      <div class="col-md-6 mb-4 mb-md-0">
      <input type="text" class="form-control" placeholder="Your Twitter URL">
      </div>
      <div class="col-md-6">
      <input type="text" class="form-control" placeholder="Your Facebook URL">
      </div>
      </div>
      <div class="row mb-4">
      <div class="col-md-6 mb-4 mb-md-0">
      <input type="text" class="form-control" placeholder="Your Linkedln URL">
      </div>
      <div class="col-md-6">
      <input type="text" class="form-control" placeholder="Your Google Plus URL">
      </div>
      </div>
      <div class="row mb-4">
      <div class="col-md-6 mb-4 mb-md-0">
      <input type="text" class="form-control" placeholder="Your Youtube URL">
      </div>
      <div class="col-md-6">
      <input type="text" class="form-control" placeholder="Your Instagram URL">
      </div>
      </div>
      </div>
      <div class="form-group mb-4">
      <div class="mb-2 d-flex align-items-center lh-15">
      <label class="mb-0 text-dark font-weight-semibold font-size-md lh-15" for="tags">Tags or keywords (Comma
      seprated)</label>
      <a href="#" class="text-darker-light d-inline-block ml-2" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tags or keyword for search easier"><i class="fas fa-question-circle"></i></a>
      </div>
      <textarea id="tags" class="form-control" placeholder="Enter tags or keywords comma sperated..."></textarea>
      </div>
      </div>
      </div>
      </div>
      <div class="col-md-6 submit-listing-block">
      <div class="card border-0 p-0">
      <img src="{{ asset('public/frontend/images/other/submit-listing-4.jpg') }}" alt="Submit listing 04" class="card-img-top border">
      <div class="card-body px-0 pt-6">
      <div class="form-group mb-4">
      <label class="text-dark font-weight-semibold font-size-md mb-2 lh-15" for="video">Your Business Video
      </label>
      <input type="text" id="video" class="form-control" placeholder="ex: https://youtube.com/ssgfse249Klf">
      </div>
      <div class="form-group mb-4">
      <label class="text-dark font-weight-semibold font-size-md mb-2 lh-15">Images
      </label>
      <div class="dropzone upload-file text-center dz-clickable" data-uploader="true" id="myDropzone" data-uploader-url="">
      <div class="dz-default dz-message">
      <div class="title">
      <span>Drag &amp; Drop files here</span>
      <span>or</span>
      </div>
      <div class="upload-btn-wrapper">
      <button class="btn btn-primary font-size-md px-5">Browse Files</button>
      <input type="file">
      </div>
      </div>
      </div>
      <div class="mt-3">The first image will be shown on listing
      cards.
      </div>
      </div>
      </div>
      </div>
      </div>
      </div>
      </div>
      <div class="pt-8 pdx-10 border-top bg-gray-02 pb-5">
      <div class="contact-section text-center mb-5 py-8">
      <div class="form-group mb-5">
      <label for="email" class="pb-4 font-weight-semibold text-dark font-size-lg">Enter email to signup &amp; recieve
      notification upon
      listing
      approval</label>
      <input type="email" class="form-control" id="email" placeholder="Enter your contact email">
      </div>
      <div class="d-flex justify-content-center pb-5">
      <div class="custom-control custom-checkbox">
      <input class="custom-control-input" type="checkbox" id="have-account">
      <label class="custom-control-label mb-0" for="have-account">
      Already Have Account?
      </label>
      </div>
      </div>
      <button type="button" class="btn btn-primary btn-block font-size-h5 lh-19 mt-2">Save &amp; Preview</button>
      </div>
      </div>
      </form>
      </div>

      </div>
    </div>
    
    <footer class="main-footer main-footer-style-01 bg-pattern-01 pt-8 pb-5">
      <div class="footer-second">
        <div class="container">
          <div class="row">
            <div class="col-sm-6 col-lg-4 mb-4 mb-lg-0">
              <div class="mb-8"><img src="images/logo.svg" width="250" alt="TradeValy"></div>
              <div class="mb-7">
                <div class="font-size-md font-weight-semibold text-dark mb-4">Global Headquaters</div>
                <p class="mb-0"> Nishindara Se-Re Bangla<br>
                  Nagor , Bogura<br>
                  Bangladesh. </p>
              </div>
            </div>
            <div class="col-md-6 col-lg mb-4 mb-lg-0">
              <div class="font-size-md font-weight-semibold text-dark mb-4"> Company </div>
              <ul class="list-group list-group-flush list-group-borderless">
                <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="" class="link-hover-secondary-primary">About Us</a> </li>
                <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Team</a> </li>
                <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Careers</a> </li>
                <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Investors</a> </li>
                <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="" class="link-hover-secondary-primary">Contact Us</a> </li>
              </ul>
            </div>
            <div class="col-md-6 col-lg mb-4 mb-lg-0">
              <div class="font-size-md font-weight-semibold text-dark mb-4"> Quick Links </div>
              <ul class="list-group list-group-flush list-group-borderless">
                <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="" class="link-hover-secondary-primary">FAQS</a> </li>
                <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Support</a> </li>
                <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Sitemap</a> </li>
                <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Community</a> </li>
                <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Offices</a> </li>
              </ul>
            </div>
            <div class="col-sm-6 col-lg-4 mb-4 mb-lg-0">
              <div class="pl-0 pl-lg-9">
                <div class="font-size-md font-weight-semibold text-dark mb-4">Our Newsletter</div>
                <div class="mb-4">Subscribe to our newsletter and<br>
                  we will inform you about newset directory and promotions </div>
                <div class="form-newsletter">
                  <form>
                    <div class="input-group bg-white">
                      <input type="text" class="form-control border-0" placeholder="Email Address... ">
                      <button type="button" class="input-group-append btn btn-white bg-transparent text-dark border-0"> <i class="fas fa-arrow-right"></i> </button>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-last mt-5 mt-md-5">
        <div class="container">
          <div class="footer-last-container position-relative">
            <div class="row align-items-center">
              <div class="col-lg-4 mb-3 mb-lg-0">
                <div class="social-icon text-dark">
                  <ul class="list-inline">
                    <li class="list-inline-item mr-5"> <a target="_blank" title="Twitter" href="#"> <i class="fab fa-twitter"> </i> <span>Twitter</span> </a> </li>
                    <li class="list-inline-item mr-5"> <a target="_blank" title="Facebook" href="#"> <i class="fab fa-facebook-f"> </i> <span>Facebook</span> </a> </li>
                    <li class="list-inline-item mr-5"> <a target="_blank" title="Rss" href="#"> <i class="fas fa-rss"></i> <span>Rss</span> </a> </li>
                  </ul>
                </div>
              </div>
              <div class="col-lg-5 mb-3 mb-lg-0">
                <div> &copy; 2021 Copyright | tradevaly.com | All rights reserved. </div>
              </div>
              <div class="back-top text-left text-lg-right gtf-back-to-top"> <a href="#" class="link-hover-secondary-primary"><i class="fal fa-arrow-up"></i><span>Back To Top</span></a> </div>
            </div>
          </div>
        </div>
      </div>
    </footer>
  </div>
  <!-- site-wrapper home-main -->
  @endsection