API tools faq
paste
Advertisement
apl-mhd

json

apl-mhd
Mar 8th, 2019
296
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 42.15 KB | None | 0 0
raw download clone embed print report
  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
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!