apl-mhd

json

Mar 8th, 2019
198
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @extends('frontend.master')
  2.  
  3. @section('content')
  4.     <!-- main -->
  5.     <main class="create-ad-area">
  6.         <section class="post-form pt-30 pb-30">
  7.             <div class="container">
  8.                 <div class="row">
  9.                     <div class="col-lg-12">
  10.                         <div class="section-title text-center">
  11.                             <h4 class="border-bottom">Post an ad</h4>
  12.                         </div>
  13.                         <div class="categories mb-15">
  14.                             <p class="font-size--20 mb-0">{{$catTree}} </p>
  15.                         </div>
  16.                     </div>
  17.                 </div>
  18.  
  19.                 <div class="row">
  20.                     <div class="col-lg-12">
  21.                         @if ($errors->any())
  22.                             <div class="alert alert-danger">
  23.                                 <ul>
  24.                                     @foreach ($errors->all() as $error)
  25.                                         <li>{{ $error }}</li>
  26.                                     @endforeach
  27.                                 </ul>
  28.                             </div>
  29.                         @endif
  30.  
  31.                         @if(session()->has('message'))
  32.                             <div class="alert alert-success">
  33.                                 {{ session()->get('message') }}
  34.                             </div>
  35.                         @endif
  36.  
  37.                         <form method="POST" action="{{route('create_ad_process')}}" class="dropzone" enctype="multipart/form-data">
  38.                             @csrf
  39.  
  40.                             <input name="category_id" value="{{$id}}" type="hidden">
  41.  
  42.                             <div class="box">
  43.                                 <div class="box__title border-bottom p-3">
  44.                                     <p class="mb-0">1/4 Ad details</p>
  45.                                 </div>
  46.                                 <div class="box__content p-3">
  47.                                     <!-- post title -->
  48.                                     <div class="form-group">
  49.                                         <div class="row align-items-center">
  50.                                             <div class="col-md-2">
  51.                                                 <label for="post-title">*Ad Title:</label>
  52.                                             </div>
  53.                                             <div class="col-md-5">
  54.                                                 <input type="text" class="js-maxlength form-control" id="post-title" name="post-title" maxlength="110"
  55.                                                       placeholder="Enter title here" data-always-show="true" data-placement="top-right">
  56.                                                 <p class="text-muted pl-3 mb-0">120 Character left</p>
  57.                                             </div>
  58.                                             <div class="col-md-4 offset-md-1">
  59.                                                 <div class="d-flex align-items-center">
  60.                                                     <i class="ti-info-alt color-secondary font-size--25 "></i>
  61.                                                     <span class="font-size-sm text-muted ml-2">Write a short description of your ad & include all of the key highlights.</span>
  62.                                                </div>
  63.                                            </div>
  64.                                        </div>
  65.                                    </div>
  66.                                    <!-- end post title -->
  67.                                    <!-- price -->
  68.                                    <div class="form-group">
  69.                                        <div class="row align-items-center">
  70.                                            <div class="col-md-2">
  71.                                                <label for="price">*Price:</label>
  72.                                            </div>
  73.                                            <div class="col-md-5">
  74.                                                <div class="row">
  75.                                                    <div class="col-md-6">
  76.                                                        <input type="text" class="form-control" id="price" name="price" placeholder="Taka">
  77.                                                    </div>
  78.                                                    <div class="col-md-6 d-flex align-items-center justify-content-center">
  79.                                                        <div class="custom-control custom-radio custom-control-inline">
  80.                                                            <input type="radio" class="custom-control-input" id="negotiable" name="example-rd-custom-inline">
  81.                                                            <label class="custom-control-label" for="negotiable">Negotiable</label>
  82.                                                        </div>
  83.                                                        <div class="custom-control custom-radio custom-control-inline">
  84.                                                            <input type="radio" class="custom-control-input" id="fixed" name="example-rd-custom-inline" checked>
  85.                                                            <label class="custom-control-label" for="fixed">Fixed</label>
  86.                                                        </div>
  87.                                                    </div>
  88.                                                </div>
  89.                                            </div>
  90.                                            <div class="col-md-4 offset-md-1">
  91.                                                <div class="d-flex align-items-center">
  92.                                                    <i class="ti-info-alt color-secondary font-size--25"></i>
  93.                                                    <span class="text-muted font-size-sm ml-2">If you would’t like to show your price, select “Negotiable”</span>
  94.                                                </div>
  95.                                            </div>
  96.                                        </div>
  97.                                    </div>
  98.                                    <!-- End price -->
  99.                                    {{-- Minimum offer amount --}}
  100.                                    <div class="form-group">
  101.                                        <div class="row align-items-center">
  102.                                            <div class="col-md-5 offset-md-2">
  103.                                                <div class="form-group">
  104.                                                    <div class="form-check">
  105.                                                        <input class="form-check-input" type="checkbox" value="" id="invalidCheck">
  106.                                                        <label class="form-check-label" for="invalidCheck">
  107.                                                            Would you like to set a minimum offer amount?
  108.                                                        </label>
  109.                                                        <div class="invalid-feedback">
  110.                                                            You must agree before submitting.
  111.                                                        </div>
  112.                                                    </div>
  113.                                                </div>
  114.                                            </div>
  115.                                        </div>
  116.                                    </div>
  117.                                    {{-- Minimum offer amount --}}
  118.                                    {{-- Discount box --}}
  119.                                    <div class="form-group">
  120.                                        <div class="row align-items-center">
  121.                                            <div class="col-md-2 offset-md-2">
  122.                                                <div class="form-group">
  123.                                                    <input class="form-control" type="text" value="" id="discount" placeholder="Discount Amount" >
  124.                                                </div>
  125.                                            </div>
  126.                                            <div class="col-md-4">
  127.                                                <div class="form-group">
  128.                                                    <div class="input-group input-daterange">
  129.                                                        <input type="text" class="form-control" id="datepicker" data-date="12/03/2012" placeholder="Select Start Date">
  130.                                                        <div class="post-input-addon">to</div>
  131.                                                        <input type="text" class="form-control" id="datepicker" data-date="12/03/2012" placeholder="Select End Date">
  132.                                                    </div>
  133.                                                </div>
  134.                                            </div>
  135.                                        </div>
  136.                                    </div>
  137.                                    {{-- Discount box --}}
  138.                                <!-- ad type -->
  139.                                    <div class="form-group">
  140.                                        <div class="row">
  141.                                            <div class="col-lg-2">
  142.                                                <label for="">*Ad Type:</label>
  143.                                            </div>
  144.                                            <div class="col-lg-10">
  145.                                                <div class="custom-control custom-radio custom-control-lg custom-control-inline ">
  146.                                                    <input type="radio" class="custom-control-input" id="am_selling" name="example-rd-custom-primary-lg"
  147.                                                           checked="">
  148.                                                    <label class="custom-control-label" for="am_selling">I am Selling</label>
  149.                                                </div>
  150.                                                <div class="custom-control custom-radio custom-control-lg custom-control-inline">
  151.                                                    <input type="radio" class="custom-control-input" id="want_buy" name="example-rd-custom-primary-lg">
  152.                                                    <label class="custom-control-label" for="want_buy">I want Buy</label>
  153.                                                </div>
  154.                                            </div>
  155.                                        </div>
  156.                                    </div>
  157.                                    <!-- end ad type -->
  158.  
  159.                                    {{-- Seller Type --}}
  160.                                    <div class="form-group">
  161.                                        <div class="row">
  162.                                            <div class="col-lg-2">
  163.                                                <label for="">*Seller Type:</label>
  164.                                            </div>
  165.                                            <div class="col-lg-10">
  166.                                                <div class="custom-control custom-radio custom-control-lg custom-control-inline ">
  167.                                                    <input value="private" type="radio" class="custom-control-input" id="private_sell" name="sell_type"
  168.                                                           checked="">
  169.                                                    <label class="custom-control-label" for="private_sell">Private</label>
  170.                                                </div>
  171.                                                <div class="custom-control custom-radio custom-control-lg custom-control-inline">
  172.                                                    <input value="business"  type="radio" class="custom-control-input" id="business_sell" name="sell_type">
  173.                                                    <label class="custom-control-label" for="business_sell">Business</label>
  174.                                                </div>
  175.                                            </div>
  176.                                        </div>
  177.                                    </div>
  178.                                    {{-- Seller Type --}}
  179.  
  180.                                    {{-- condition type--}}
  181.                                    <div class="form-group border-bottom">
  182.                                        <div class="row">
  183.                                            <div class="col-lg-2">
  184.                                                <label for="">*Condition Type:</label>
  185.                                            </div>
  186.                                            <div class="col-lg-10">
  187.                                                <div class="custom-control custom-radio custom-control-inline">
  188.                                                    <input type="radio" id="new" name="condition" class="custom-control-input" checked>
  189.                                                    <label class="custom-control-label" for="new">New</label>
  190.                                                </div>
  191.                                                <div class="custom-control custom-radio custom-control-inline">
  192.                                                    <input type="radio" id="used" name="condition" class="custom-control-input">
  193.                                                    <label class="custom-control-label" for="used">Used</label>
  194.                                                </div>
  195.                                                <div class="custom-control custom-radio custom-control-inline">
  196.                                                    <input type="radio" id="reconditioned" name="condition" class="custom-control-input">
  197.                                                    <label class="custom-control-label" for="reconditioned">Reconditioned</label>
  198.                                                </div>
  199.                                            </div>
  200.                                        </div>
  201.                                    </div>
  202.                                    {{-- condition type--}}
  203.  
  204.                                    {{-- Brand Name--}}
  205.  
  206.                                    <div class="form-group">
  207.                                        @foreach($form_builder as $fb)
  208.                                            @php
  209.                                                $specification=json_decode($fb->specification);
  210.                                             @endphp
  211.                                             <div class="row">
  212.                                                 <div class="col-lg-2">
  213.                                                     <label for="brandName">*{{$specification->label}}:</label>
  214.                                                 </div>
  215.                                                 @if($fb->type=='select')
  216.                                                     <div class="col-lg-5 form-group">
  217.                                                         <select name="spec[{{str_replace(' ','_',$specification->label)}}]" id="" class="form-control">
  218.  
  219.                                                                 @foreach($fb->attributes as $attribute)
  220.                                                                 <option value="{{$attribute->id}}">{{$attribute->value}}</option>
  221.                                                                 @endforeach
  222.  
  223.                                                         </select>
  224.                                                     </div>
  225.                                                 @else
  226.                                                     <div class="col-lg-5 form-group">
  227.                                                         <input name="spec[{{str_replace(' ','_',$specification->label)}}]" type="text" class="form-control" placeholder="Please Enter {{$specification->label}}">
  228.                                                     </div>
  229.                                                 @endif
  230.  
  231.  
  232.                                             </div>
  233.                                         @endforeach
  234.  
  235.                                     </div>
  236.  
  237.  
  238.  
  239.                                 {{--@if($parent_category=='motors')--}}
  240.                                 {{--@include('frontend.layouts.custom_forms.vehicles')--}}
  241.                                 {{--@endif--}}
  242.  
  243.                                 {{--@if($parent_category=='food')--}}
  244.                                 {{--@include('frontend.layouts.custom_forms.food')--}}
  245.                                 {{--@endif--}}
  246.                                 {{--@if($parent_category=='property')--}}
  247.                                 {{--@include('frontend.layouts.custom_forms.property')--}}
  248.                                 {{--@endif--}}
  249.                                 {{--@if($parent_category=='mobile')--}}
  250.                                 {{--@include('frontend.layouts.custom_forms.mobile')--}}
  251.                                 {{--@endif--}}
  252.  
  253.                                 <!-- course description -->
  254.                                     <div class="form-group">
  255.                                         <div class="row align-items-center">
  256.                                             <div class="col-md-2">
  257.                                                 <label for="description">*Description:</label>
  258.                                             </div>
  259.                                             <div class="col-md-5">
  260.                                                 <textarea class="form-control" id="description" name="description" rows="8" placeholder="Write description here"
  261.                                                          data-always-show="true"></textarea>
  262.                                             </div>
  263.                                             <div class="col-md-4 offset-md-1">
  264.                                                 <div class="d-flex align-items-center">
  265.                                                     <i class="ti-info-alt color-secondary font-size--25"></i>
  266.                                                     <span class="text-muted mb-0 font-size-sm ml-2">Enter as much information possible; ads with detail & longer
  267. desriptions get more views, replies & calls.</span>
  268.                                                </div>
  269.                                            </div>
  270.                                        </div>
  271.                                    </div>
  272.                                </div>
  273.                            </div>
  274.                            <div class="box">
  275.                                <div class="box__title border-bottom p-3">
  276.                                    <p class="mb-0">2/4 Pictures</p>
  277.                                </div>
  278.                                <div class="box__content p-3">
  279.                                    <p>For best results, we recommend choosing landscape images.</p>
  280.                                    <div class="row">
  281.                                        <div class="col-md-6">
  282.                                            <div class="fileUpload">
  283.                                                <input id="file-input" name="img-up[]" type="file" multiple>
  284.                                                <button class="upload-button" type="button" onclick="document.querySelector('#file-input').click()">
  285.                                                    <i class="fa fa-camera color-primary fa-4x"></i>
  286.                                                </button>
  287.                                                <div id="preview"></div>
  288.                                            </div>
  289.                                        </div>
  290.  
  291.                                        <div class="col-md-4 offset-md-1">
  292.                                            <div class="d-flex mb-50">
  293.                                                <i class="fas fa-camera color-primary font-size--25"></i>
  294.                                                <span class="text-muted mb-0 font-size-sm ml-2">
  295.                                                    Ads with picture are more successful up to 6 picture.You can
  296.                                                    upload image upto 4MB.Drag and drop files into upload.
  297.                                                </span>
  298.                                            </div>
  299.                                            <div class="d-flex align-items-center">
  300.                                                <i class="fa fa-plus color-primary font-size--25"></i>
  301.                                                <span class="text-muted mb-0 font-size-sm ml-2">Pick and drag the image around to re-order them.</span>
  302.                                            </div>
  303.                                        </div>
  304.                                    </div>
  305.                                </div>
  306.                            </div>
  307.                            <div class="box">
  308.                                <div class="box__title border-bottom p-3">
  309.                                    <p class="mb-0">3/4 Contact details</p>
  310.                                </div>
  311.                                <div class="box__content p-3">
  312.                                    <div class="form-group">
  313.                                        <div class="row align-items-center">
  314.                                            <div class="col-md-2">
  315.                                                <label for="name">*Contact Name:</label>
  316.                                            </div>
  317.                                            <div class="col-md-5">
  318.                                                <input value="{{auth()->check() ? auth()->user()->name :''}}" type="text" id="name" name="name" class="form-control" placeholder="Name">
  319.  
  320.                                            </div>
  321.                                        </div>
  322.                                    </div>
  323.  
  324.                                @guest()
  325.                                    <div class="form-group">
  326.                                        <div class="row align-items-center">
  327.                                            <div class="col-md-2">
  328.                                                <label for="password">*Password:</label>
  329.                                            </div>
  330.                                            <div class="col-md-5">
  331.                                                <input type="password" id="password" name="password" class="form-control" placeholder="Password">
  332.                                            </div>
  333.                                        </div>
  334.                                    </div>
  335.                                    @endguest
  336.  
  337.  
  338.  
  339.                                    <div class="form-group">
  340.                                        <div class="row align-items-center">
  341.                                            <div class="col-md-2">
  342.                                                <label for="email">*Email:</label>
  343.                                            </div>
  344.                                            <div class="col-md-3">
  345.                                                <input value="{{auth()->check() ? auth()->user()->email :''}}" type="text" id="email" name="email" class="form-control" placeholder="Email">
  346.                                            </div>
  347.                                            <div class="col-md-4 offset-md-3">
  348.                                                <div class="d-flex">
  349.                                                    <i class="ti-info-alt color-secondary font-size--25"></i>
  350.                                                    <span class="text-muted mb-0 font-size-sm ml-2">Your email address will not displayed on your ad.</span>
  351.                                                </div>
  352.                                            </div>
  353.                                        </div>
  354.                                    </div>
  355.                                    <div class="form-group">
  356.                                        <div class="row align-items-center">
  357.                                            <div class="col-md-2">
  358.                                                <label for="phone">*Location:</label>
  359.                                            </div>
  360.                                            <div class="col-md-5">
  361.                                                <div class="row">
  362.                                                    <div class="col-md-4">
  363.                                                        <div class="form-group">
  364.                                                            <select class="form-control" id="division" name="division">
  365.                                                                <option value="0">Division</option>
  366.                                                                <option value="Dhaka">Dhaka</option>
  367.                                                                <option value="Khulna">Khulna</option>
  368.                                                                <option value="Mymensingh">Mymensingh</option>
  369.                                                                <option value="Rangpur">Rangpur</option>
  370.                                                            </select>
  371.                                                        </div>
  372.                                                    </div>
  373.                                                    <div class="col-md-4">
  374.                                                        <div class="form-group">
  375.                                                            <select class="form-control" id="district" name="district">
  376.                                                                <option value="0">District</option>
  377.                                                                <option value="1">Dhaka</option>
  378.                                                                <option value="2">Khulna</option>
  379.                                                                <option value="3">Mymensingh</option>
  380.                                                                <option value="4">Rangpur</option>
  381.                                                            </select>
  382.                                                        </div>
  383.                                                    </div>
  384.                                                    <div class="col-md-4">
  385.                                                        <div class="form-group">
  386.                                                            <select class="form-control" id="location" name="location">
  387.                                                                <option value="0">Location</option>
  388.                                                                <option value="1">Dhaka</option>
  389.                                                                <option value="2">Khulna</option>
  390.                                                                <option value="3">Mymensingh</option>
  391.                                                                <option value="4">Rangpur</option>
  392.                                                            </select>
  393.                                                        </div>
  394.                                                    </div>
  395.                                                </div>
  396.                                                <div class="row">
  397.                                                    <a class="location-pin" href="#"><i class="fa fa-map-marker-alt color-primary"></i>
  398.                                                        <span>Use my current location</span>
  399.                                                    </a>
  400.                                                </div>
  401.                                            </div>
  402.                                            <div class="col-md-4 offset-md-1">
  403.                                                <div class="d-flex">
  404.                                                    <i class="ti-info-alt color-secondary font-size--25"></i>
  405.                                                    <span class="text-muted mb-0 font-size-sm ml-2">Enter as much information possible; ads with detail & longer
  406. desriptions get more views, riplies & calls.</span>
  407.                                                </div>
  408.                                            </div>
  409.                                        </div>
  410.                                    </div>
  411.  
  412.                                    <div class="form-group border-bottom">
  413.                                        <div class="row align-items-center">
  414.                                            <div class="col-md-2">
  415.                                                <label for="mobile">*Phone:</label>
  416.                                            </div>
  417.                                            <div class="col-md-3">
  418.                                                <input value="{{auth()->check() ? auth()->user()->mobile :''}}" type="text" id="mobile" name="mobile" class="form-control" placeholder="Phone">
  419.  
  420.                                                <div class="row mt-2">
  421.                                                    <a class="location-pin" href="#"><i class="fa fa-plus color-primary"></i>
  422.                                                        <span>Add another phone number</span>
  423.                                                    </a>
  424.                                                </div>
  425.                                            </div>
  426.                                        </div>
  427.                                    </div>
  428.  
  429.                                    <div class="form-group">
  430.                                        <div class="row align-items-center">
  431.                                            <div class="col-md-2">
  432.                                                <label for="phone">Youtube Link:</label>
  433.                                            </div>
  434.                                            <div class="col-md-3">
  435.                                                <input type="text" id="phone" name="phone" class="form-control" placeholder="Youtube link">
  436.                                            </div>
  437.                                        </div>
  438.                                    </div>
  439.  
  440.                                </div>
  441.                            </div>
  442.                            <div class="box">
  443.                                <div class="box__title border-bottom p-3">
  444.                                    <p class="mb-0">4/4 Promote your ad (If applicable)</p>
  445.                                </div>
  446.  
  447.                                <div class="box__content p-3">
  448.                                    <div class="row">
  449.                                        <div class="col-lg-12">
  450.                                            <div class="row">
  451.                                                <div class="col-md-3">
  452.                                                    <div class="promote-ad-box-img">
  453.                                                        <img src="{{ asset('/assets/img/promote-ad.png') }}" alt="">
  454.                                                    </div>
  455.                                                </div>
  456.                                                <div class="col-md-9">
  457.                                                    <div class="promote-ad-box-content">
  458.                                                        <div class="promote-title-area d-flex justify-content-between">
  459.                                                            <h5 class="promote-title color-primary">Featured</h5>
  460.                                                            <p class="promote-title">
  461.  
  462.  
  463.  
  464.                                                                <select class="form-control" id="division" name="package[fetured]">
  465.  
  466.                                                                    @foreach($packages as $package)
  467.                                                                        @if($package->name == 'featured')
  468.                                                                            <option value={{$package->id}}>{{"TK " . $package->price ." (". $package->days . " days)" }} </option>
  469.                                                                        @endif
  470.                                                                    @endforeach
  471.  
  472.                                                                </select>
  473.                                                            </p>
  474.                                                        </div>
  475.                                                        <div class="d-flex justify-content-between align-items-center">
  476.                                                            <div>
  477.                                                                <p class="promote-ad-context">Keep your ad at the top of its category.
  478.                                                                    It’ll appear in a rotation above the search
  479.                                                                    result for several days, helping your ad
  480.                                                                    get noticed by more people.</p>
  481.                                                            </div>
  482.  
  483.                                                            <div>
  484.                                                                <a href="#" class="btn-brand-secondary">Add</a>
  485.                                                            </div>
  486.                                                        </div>
  487.                                                    </div>
  488.                                                </div>
  489.                                            </div>
  490.  
  491.                                            <div class="row mt-3 mb-3">
  492.                                                <div class="col-md-3">
  493.                                                    <div class="promote-ad-box-img">
  494.                                                        <img src="{{ asset('/assets/img/promote-ad.png') }}" alt="">
  495.                                                    </div>
  496.                                                </div>
  497.                                                <div class="col-md-9">
  498.                                                    <div class="promote-ad-box-content">
  499.                                                        <div class="promote-title-area d-flex justify-content-between">
  500.                                                            <h5 class="promote-title color-primary">Urgent</h5>
  501.                                                            <p class="promote-title">
  502.                                                                <select class="form-control" id="division" name="package[urgent]">
  503.  
  504.                                                                    @foreach($packages as $package)
  505.                                                                        @if($package->name == 'urgent')
  506.                                                                            <option value={{$package->id}}>{{"TK " . $package->price ." (". $package->days . " days)" }} </option>
  507.                                                                        @endif
  508.                                                                    @endforeach
  509.  
  510.                                                                </select>
  511.                                                            </p>
  512.                                                        </div>
  513.                                                        <div class="d-flex justify-content-between align-items-center">
  514.                                                            <div>
  515.                                                                <p class="promote-ad-context">In a hurry? Add an Urgent tag to your ad
  516.                                                                    and show people you're ready to sell ASAP.
  517.                                                                    It's a great way to attract serious offers quickly.</p>
  518.                                                            </div>
  519.  
  520.                                                            <div>
  521.                                                                <a href="#" class="btn-brand-secondary">Add</a>
  522.                                                            </div>
  523.                                                        </div>
  524.                                                    </div>
  525.                                                </div>
  526.                                            </div>
  527.  
  528.                                            <div class="row mt-3 mb-3">
  529.                                                <div class="col-md-3">
  530.                                                    <div class="promote-ad-box-img">
  531.                                                        <img src="{{ asset('/assets/img/promote-ad.png') }}" alt="">
  532.                                                    </div>
  533.                                                </div>
  534.                                                <div class="col-md-9">
  535.                                                    <div class="promote-ad-box-content">
  536.                                                        <div class="promote-title-area d-flex justify-content-between">
  537.                                                            <h5 class="promote-title color-primary">Homepage Gallrey</h5>
  538.                                                            <p class="promote-title">
  539.                                                                <select class="form-control" id="division" name="package[homepageGallery]">
  540.  
  541.                                                                    @foreach($packages as $package)
  542.                                                                        @if($package->name == 'homepageGallery')
  543.                                                                            <option value="{{$package->id}}">{{"TK " . $package->price ." (". $package->days . " days)" }} </option>
  544.                                                                        @endif
  545.                                                                    @endforeach
  546.  
  547.                                                                </select>
  548.                                                            </p>
  549.                                                        </div>
  550.                                                        <div class="d-flex justify-content-between align-items-center">
  551.                                                            <div>
  552.                                                                <p class="promote-ad-context">Want to be centre of attention?
  553.                                                                    Place your ad in the gallery on our homepage,
  554.                                                                    where no one can miss it.</p>
  555.                                                            </div>
  556.  
  557.                                                            <div>
  558.                                                                <a href="#" class="btn-brand-secondary">Add</a>
  559.                                                            </div>
  560.  
  561.                                                        </div>
  562.                                                    </div>
  563.                                                </div>
  564.                                            </div>
  565.                                        </div>
  566.                                    </div>
  567.                                </div>
  568.  
  569.                                <div class="form-group pl-3 pr-3">
  570.                                    <button class="btn-brand-secondary btn-large mb-2">Post ad</button>
  571.                                    <a href="#" class="btn-brand-primary ml-4">Preview Ad</a>
  572.                                    <p class="color-primary">By posting your ad, you are agreeing to our <a href="#" class="link-reset color-primary"><u>terms of use</u></a> and <a
  573.                                                class="link-reset color-primary" href="#"><u>privacy policy</u></a>.</p>
  574.                                </div>
  575.                            </div>
  576.                        </form>
  577.                    </div>
  578.                </div>
  579.            </div>
  580.        </section>
  581.    </main>
  582.  
  583.    <!-- end main -->
  584. @endsection
  585.  
  586. @section('after_scripts')
  587.    <script type="text/javascript">
  588.        $(document).ready(function () {
  589.            // File upload
  590.            function previewImages() {
  591.                var preview = document.querySelector('#preview');
  592.                 if (this.files) {
  593.                     [].forEach.call(this.files, readAndPreview);
  594.                 }
  595.  
  596.                 function readAndPreview(file) {
  597.                     // Make sure `file.name` matches our extensions criteria
  598.                     if (!/\.(jpe?g|png|gif)$/i.test(file.name)) {
  599.                         return alert(file.name + " is not an image");
  600.                     }
  601.                     var reader = new FileReader();
  602.                     reader.addEventListener("load", function () {
  603.                         var image = new Image();
  604.                         image.height = 100;
  605.                         image.title = file.name;
  606.                         image.src = this.result;
  607.                         preview.appendChild(image);
  608.                     }, false);
  609.                     reader.readAsDataURL(file);
  610.                 }
  611.             }
  612.  
  613.             document.querySelector('#file-input').addEventListener("change", previewImages, false);
  614.  
  615.  
  616.             // Date picker
  617.             $.fn.datepicker.defaults.format = "yyyy/mm/dd";
  618.             $('.input-daterange input').each(function () {
  619.                 $(this).datepicker('clearDates');
  620.             });
  621.  
  622.         });
  623.  
  624.     </script>
  625. @stop
RAW Paste Data