@extends('user.layout.header_footer_sidebar')

@section('content')



<div id="content-wrapper" class="d-flex flex-column">
  <div id="content">
      <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
          <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
              <i class="fa fa-bars"></i>
          </button>

          <form
              class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
              <!-- <div class="input-group">
      <input
        type="text"
        class="form-control bg-light border-0 small"
        placeholder="Search for..."
        aria-label="Search"
        aria-describedby="basic-addon2"
      />
      <div class="input-group-append">
        <button class="btn btn-primary" type="button">
          <i class="fas fa-search fa-sm"></i>
        </button>
      </div>
    </div> -->
          </form>

          <!-- Topbar Navbar -->
          <ul class="navbar-nav ml-auto">
              <!-- Nav Item - Search Dropdown (Visible Only XS) -->
              <li class="nav-item dropdown no-arrow d-sm-none">
                  <a class="nav-link dropdown-toggle" href="#" id="searchDropdown" role="button"
                      data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      <i class="fas fa-search fa-fw"></i>
                  </a>
                  <!-- Dropdown - Messages -->
                  <div class="dropdown-menu dropdown-menu-right p-3 shadow animated--grow-in"
                      aria-labelledby="searchDropdown">
                      <form class="form-inline mr-auto w-100 navbar-search">
                          <div class="input-group">
                              <input type="text" class="form-control bg-light border-0 small"
                                  placeholder="Search for..." aria-label="Search"
                                  aria-describedby="basic-addon2" />
                              <div class="input-group-append">
                                  <button class="btn btn-primary" type="button">
                                      <i class="fas fa-search fa-sm"></i>
                                  </button>
                              </div>
                          </div>
                      </form>
                  </div>
              </li>

              <div class="topbar-divider d-none d-sm-block"></div>

              <!-- Nav Item - User Information -->
              <li class="nav-item dropdown no-arrow">
                  <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button"
                      data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      <img src="{!! asset('theme/user_theme/img/janedoe.png') !!}" class="img-responsive dropuser" />&nbsp;&nbsp;<span
                          class="mr-2 d-none d-lg-inline text-gray-600 small">Jane Doe - Buyer Finder</span>
                  </a>
                  <!-- Dropdown - User Information -->
                  <div class="dropdown-menu dropdown-menu-right shadow animated--grow-in"
                      aria-labelledby="userDropdown">
                      <!-- <a class="dropdown-item" href="#">
          <i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
          Profile
        </a> -->
                      <a class="dropdown-item" href="settings">
                          <i class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i>
                          Settings
                      </a>
                      <a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal">
                          <i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>
                          Logout
                      </a>
                  </div>
              </li>
          </ul>
      </nav>
      <!-- End of Topbar -->

      <!-- Begin Page Content -->
      <div class="container-fluid">
          <!-- Page Heading -->
          <div class="d-sm-flex align-items-center justify-content-between mb-4">
              <!-- <h1 class="h3 mb-0 text-gray-800">Dashboard</h1> -->
              <a href="automarketer"><button type="button" class="btn btn-primary backdash">
                      <i class="fa fa-arrow-left" aria-hidden="true"></i> Back to
                      Automarketer V3 Dashboard
                  </button></a>
              <div class="maintopsmall">
                  <p>
                      <a href="dashboard"><span>Home</span></a>&nbsp; / &nbsp;&nbsp;
                      <a href="automarketer"><span>Automarketer</span></a>
                  </p>
              </div>
              <!-- <a
              href="#"
              class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"
              > <i class="fas fa-download fa-sm text-white-50"> </i>  add Module</a
          > -->
          </div>

          <!-- side mobile start -->

          <div class="autosidemodalarea">
              <!-- <div class="col-sm-3 col-xl-2 order-1 order-sm-2 mt-4 float-right"> -->
              <button class="modalopclick">
                  <a href="#" data-toggle="modal" data-target="#flyoutmodal"
                      class="btn btn-dark mt-2 w-md-100 text-center">Call</a>
              </button>
              <!-- </div> -->

              <div class="modal" id="flyoutmodal" tabindex="-1" role="dialog" aria-hidden="true">
                  <div class="modal-dialog fadeInRight animated ml-auto" role="document">
                      <div class="modal-content mobilmodabod">
                          <button class="close" type="button" data-dismiss="modal"
                              aria-label="Close">
                              <span aria-hidden="true" class="crossmobile">×</span>
                          </button>
                          <div class="modal-body">
                              <h5 class="redsback">
                                  You can’t make any calls! (No Phone Number Assigned!)
                              </h5>
                              <h6 class="greensback">Refreshing...</h6>
                              <!-- <h6 class="greensback">Offline</h6>
              <h6 class="greensback">Ready</h6> -->

                              <form>
                                  <div class="row">
                                      <div class="col-sm-8">
                                          <input type="text" class="form-control mobinp" placeholder="" />
                                      </div>
                                      <div class="col-sm-4">
                                          <div class="dropdown">
                                              <div class="call-history-container">
                                                  <button class="btn btn-white btn-block dropdown-toggle"
                                                      type="button" data-toggle="dropdown"
                                                      aria-expanded="false">
                                                      <i class="fa fa-refresh" aria-hidden="true"></i>
                                                      <span class="caret"></span>
                                                  </button>
                                                  <ul class="dropdown-menu dropdown-menu-right">
                                                      <li>(317) 640-7277</li>
                                                      <li>(317) 598-1220</li>
                                                      <li>(317) 884-8666</li>
                                                      <li>(317) 589-1220</li>
                                                      <li>(219) 274-9775</li>
                                                  </ul>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <input type="text" class="form-control entnumb"
                                      placeholder="Enter Number" />
                              </form>

                              <div class="row">
                                  <div class="col-sm-12 mobbordarea">
                                      <div class="mobbord">1</div>
                                      <div class="mobbord">2<br /><span>abc</span></div>
                                      <div class="mobbord">3<br /><span>def</span></div>
                                  </div>
                              </div>
                              <div class="row">
                                  <div class="col-sm-12 mobbordarea">
                                      <div class="mobbord">4<br /><span>ghi</span></div>
                                      <div class="mobbord">5<br /><span>jkl</span></div>
                                      <div class="mobbord">6<br /><span>mno</span></div>
                                  </div>
                              </div>
                              <div class="row">
                                  <div class="col-sm-12 mobbordarea">
                                      <div class="mobbord">7<br /><span>pqrs</span></div>
                                      <div class="mobbord">8<br /><span>tuv</span></div>
                                      <div class="mobbord">9<br /><span>wxyz</span></div>
                                  </div>
                              </div>
                              <div class="row">
                                  <div class="col-sm-12 mobbordarea">
                                      <div class="mobbord">*</div>
                                      <div class="mobbord">0<br /><span>+</span></div>
                                      <div class="mobbord">#</div>
                                  </div>
                              </div>

                              <div class="row sidemodallastcli">
                                  <div class="col-sm-8">
                                      <button type="button" class="btn btn-primary calldialclick">
                                          <i class="fa fa-phone" aria-hidden="true"></i>
                                      </button>
                                  </div>
                                  <div class="col-sm-4">
                                      <button type="button" class="btn btn-primary backdialclick">
                                          <i class="fa fa-arrow-left" aria-hidden="true"></i>
                                      </button>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>

          <!-- side mobile finish -->

          <!-- Write your content here -->

          <!-- step tabs start -->
          <div class="container-fluid">
              <ul class="nav nav-tabs dashtabarea">
                  <li class="active dashtab">
                      <a data-toggle="tab" href="#home">Step 1
                          <span class="dashclicksmall">Campaign information</span></a>
                  </li>
                  <li class="dashtab">
                      <a data-toggle="tab" href="#menu1">Step 2
                          <span class="dashclicksmall">Campaign filters</span></a>
                  </li>
                  <li class="dashtab">
                      <a data-toggle="tab" href="#menu2">Step 3
                          <span class="dashclicksmall">Text & voice messages</span></a>
                  </li>
                  <li class="dashtab">
                      <a data-toggle="tab" href="#menu3">Step 4
                          <span class="dashclicksmall">Activate Campaign</span></a>
                  </li>
              </ul>
              <div class="tab-content">
                  <div id="home" class="tab-pane fade in active tabonweback">
                      <h3 class="tabonhead">Campaign information</h3>
                      <div class="form-row tabonerow">
                          <div class="form-group col-md-6">
                              <label for="inputCity">Campaign title</label>
                              <input type="text" class="form-control" id="information" />
                          </div>
                          <div class="form-group col-md-6">
                              {{-- <label for="inputState">Select Template</label>
                              <select id="number" class="form-control">
                                  <option selected>Select template...</option>
                                  <option>090078601</option>
                                  <option>090078601</option>
                                  <option>090078601</option>
                                  <option>090078601</option>
                                  <option>090078601</option>
                              </select>
                              <a href="#"><small id="emailHelp" class="form-text text-muted smbluesss">
                                      <button type="button" class="btn btn-secondary tempclic">Create new
                                          template</button>
                                  </small></a> --}}
                            <label for="inputState">Category</label>
                            <select id="number" class="form-control">
                                <option selected>Moartage...</option>
                                <option>090078601</option>
                                <option>090078601</option>
                                <option>090078601</option>
                                <option>090078601</option>
                                <option>090078601</option>
                            </select>
                          </div>
                      </div>
                      <div class="form-row tabonerow">
                          <div class="form-group col-md-6">
                              {{-- <label for="inputState">Category</label>
                              <select id="number" class="form-control">
                                  <option selected>Moartage...</option>
                                  <option>090078601</option>
                                  <option>090078601</option>
                                  <option>090078601</option>
                                  <option>090078601</option>
                                  <option>090078601</option>
                              </select> --}}
                          </div>
                          <div class="form-group col-md-6">

                          </div>
                      </div>
                      <div class="row tabonerow">
                          <div class="col-md-6">
                              <button type="button" class="btn btn-primary taboneleftclick">
                                  Save progress
                              </button>
                          </div>
                          <div class="col-md-6">
                              <button type="button" class="btn btn-primary tabonerightclick"
                                  data-toggle="tab" href="#menu1">
                                  Next
                                  <i class="fa fa-arrow-right" aria-hidden="true"></i>
                              </button>
                          </div>
                      </div>
                  </div>
                  <div id="menu1" class="tab-pane fade tabonweback">
                      <h3 class="tabonhead">Select Social Media Account</h3>
                      <hr>
                      <div class="form-row tabonerow">
                          <div class="form-group col-md-3">
                              <form method="post" action="/Tests/Post/">
                                  <input type="checkbox" name="favorite_pet" value="1"
                                      class="multicheck"><i class="fa fa-facebook cpmicon"
                                      aria-hidden="true"></i> Facebook<br>
                                  <input type="checkbox" name="favorite_pet" value="2"
                                      class="multicheck"><i class="fa fa-twitter cpmicon"
                                      aria-hidden="true"></i> Twitter<br>
                                  <input type="checkbox" name="favorite_pet" value="3"
                                      class="multicheck"><i class="fa fa-instagram cpmicon"
                                      aria-hidden="true"></i> Instagram<br>
                                  <input type="checkbox" name="favorite_pet" value="4"
                                      class="multicheck"><i class="fa fa-pinterest-p cpmicon"
                                      aria-hidden="true"></i> Pinterest<br>
                                  <input type="checkbox" name="favorite_pet" value="5"
                                      class="multicheck"><i class="fa fa-linkedin cpmicon"
                                      aria-hidden="true"></i> Linked In<br>
                                  <input type="checkbox" name="favorite_pet" value="6"
                                      class="multicheck"><i class="fa fa-pencil-square-o cpmicon"
                                      aria-hidden="true"></i> Blog Post<br>
                              </form>
                          </div>
                          <div class="form-group col-md-3">
                              <form method="post" action="/Tests/Post/">
                                  <input type="checkbox" name="favorite_pet" value="1"
                                      class="multicheck"><i class="fa fa-youtube-square cpmicon"
                                      aria-hidden="true"></i> YouTube<br>
                                  <input type="checkbox" name="favorite_pet" value="2"
                                      class="multicheck"><i class="fa fa-reddit cpmicon"
                                      aria-hidden="true"></i> Reddit<br>
                                  <input type="checkbox" name="favorite_pet" value="3"
                                      class="multicheck"><i class="fa fa-quora cpmicon"
                                      aria-hidden="true"></i> Quora<br>
                                  <input type="checkbox" name="favorite_pet" value="4"
                                      class="multicheck"><i class="fa fa-archive cpmicon"
                                      aria-hidden="true"></i> BizSugar<br>
                                  <input type="checkbox" name="favorite_pet" value="5"
                                      class="multicheck"><i class="fa fa-digg cpmicon"
                                      aria-hidden="true"></i> Digg<br>
                                  <input type="checkbox" name="favorite_pet" value="6"
                                      class="multicheck"><i class="fa fa-google-plus-square cpmicon"
                                      aria-hidden="true"></i> Google +<br>
                              </form>
                          </div>
                          <div class="form-group col-md-3">
                              <form method="post" action="/Tests/Post/">
                                  <input type="checkbox" name="favorite_pet" value="1"
                                      class="multicheck"><i class="fa fa-tumblr cpmicon"
                                      aria-hidden="true"></i> Tumblr<br>
                                  <input type="checkbox" name="favorite_pet" value="2"
                                      class="multicheck"><i class="fa fa-snapchat-ghost cpmicon"
                                      aria-hidden="true"></i> Snapchat<br>
                                  <input type="checkbox" name="favorite_pet" value="3"
                                      class="multicheck"><i class="fa fa-music cpmicon"
                                      aria-hidden="true"></i> TikTok<br>
                                  <input type="checkbox" name="favorite_pet" value="4"
                                      class="multicheck"><i class="fa fa-mixcloud cpmicon"
                                      aria-hidden="true"></i> Mix<br>
                                  <input type="checkbox" name="favorite_pet" value="5"
                                      class="multicheck"><i class="fa fa-phone-square cpmicon"
                                      aria-hidden="true"></i> Viber<br>
                                  <input type="checkbox" name="favorite_pet" value="6"
                                      class="multicheck"><i class="fa fa-flickr cpmicon"
                                      aria-hidden="true"></i> Flickr<br>
                              </form>
                          </div>
                          <div class="form-group col-md-3">
                              <form method="post" action="/Tests/Post/">
                                  <input type="checkbox" name="favorite_pet" value="1"
                                      class="multicheck"><i class="fa fa-whatsapp cpmicon"
                                      aria-hidden="true"></i> WhatsApp<br>
                                  <input type="checkbox" name="favorite_pet" value="2"
                                      class="multicheck"><i class="fa fa-vimeo cpmicon"
                                      aria-hidden="true"></i> Vimeo<br>
                                  <input type="checkbox" name="favorite_pet" value="3"
                                      class="multicheck"><i class="fa fa-medium cpmicon"
                                      aria-hidden="true"></i> Medium<br>
                                  <input type="checkbox" name="favorite_pet" value="4"
                                      class="multicheck"><i class="fa fa-weixin cpmicon"
                                      aria-hidden="true"></i> WeChat<br>
                              </form>
                          </div>
                      </div>
                      <div class="row tabonerow">
                          <div class="col-md-6">
                              <button type="button" class="btn btn-primary taboneleftclick">
                                  Save progress
                              </button>
                          </div>
                          <div class="col-md-6">
                              <button type="button" class="btn btn-primary tabonerightclick"
                                  data-toggle="tab" href="#menu2">
                                  Next
                                  <i class="fa fa-arrow-right" aria-hidden="true"></i>
                              </button>
                              <button type="button" class="btn btn-primary tabonerightclick smalspac"
                                  data-toggle="tab" href="#home">
                                  <i class="fa fa-arrow-left" aria-hidden="true"></i>
                                  Previous
                              </button>
                          </div>
                      </div>
                  </div>
                  <div id="menu2" class="tab-pane fade tabonweback">
                      <h3 class="tabonhead">Landing Pages</h3>
                      <hr>
                      <div class="form-row tabonerow">
                          <div class="form-group col-md-12">
                              <label for="inputState">Select Landing Pages</label>
                              <select id="followup" class="form-control">
                                  <option selected>Choose...</option>
                                  <option>Last time we spoke</option>
                                  <option>It was nice to meet you at</option>
                                  <option>In case you missed my email last week</option>
                                  <option>
                                      I wanted to follow up on an email I sent last week
                                  </option>
                              </select>
                          </div>
                      </div>
                      <div class="row tabonerow">
                          <div class="col-md-6">
                              <button type="button" class="btn btn-primary taboneleftclick">
                                  Save progress
                              </button>
                          </div>
                          <div class="col-md-6">
                              <button type="button" class="btn btn-primary tabonerightclick"
                                  data-toggle="tab" href="#menu3">
                                  Next
                                  <i class="fa fa-arrow-right" aria-hidden="true"></i>
                              </button>
                              <button type="button" class="btn btn-primary tabonerightclick smalspac"
                                  data-toggle="tab" href="#menu1">
                                  <i class="fa fa-arrow-left" aria-hidden="true"></i>
                                  Previous
                              </button>
                          </div>
                      </div>
                  </div>
                  <div id="menu3" class="tab-pane fade tabonweback">
                      <div class="row tabonerowww">
                          <div class="col-md-12">
                              <button type="button" class="btn btn-primary startgreen">
                                  <i class="fa fa-check" aria-hidden="true"></i> Start
                                  campaign now
                              </button>
                          </div>
                      </div>
                      <div class="row tabonerowww">
                          <div class="col-md-12 ordata">
                              <h1>OR</h1>
                          </div>
                      </div>
                      <div class="row tabonerowww">
                          <div class="col-md-6">
                              <div class="form-group col-md-6">
                                  <label for="inputCity">Schedule campaign to start</label>
                                  <input type="date" id="birthday" name="birthday" class="adfoinputt">
                              </div>
                          </div>
                          <div class="col-md-6">
                              <div class="form-group col-md-6">
                                  <label for="inputCity">Schedule campaign to End</label>
                                  <input type="date" id="birthday" name="birthday" class="adfoinputt">
                              </div>
                          </div>
                      </div>
                      <div class="row tabonerow">
                          <div class="col-md-6">
                              <button type="button" class="btn btn-primary taboneleftclick">
                                  Save progress
                              </button>
                          </div>
                          <div class="col-md-6">
                              <button type="button" class="btn btn-primary tabonerightclick smalspac"
                                  data-toggle="tab" href="#menu2">
                                  <i class="fa fa-arrow-left" aria-hidden="true"></i>
                                  Previous
                              </button>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
          <!-- step tabs fibish -->
      </div>
      <!-- /.container-fluid -->
  </div>

  <!-- Footer -->
  <!-- <footer class="sticky-footer bg-white">
<div class="container my-auto">
<div class="copyright text-center my-auto">
  <span>Copyright © 2021 &copy; All Rights Reserved Designed by |
    <a href="https://hatinco.com/">HATINC.</a></span>
</div>
</div>
</footer> -->
</div>

@endsection