Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @extends('frontend.master')
- @section('content')
- <!-- main -->
- <main class="create-ad-area">
- <section class="post-form pt-30 pb-30">
- <div class="container">
- <div class="row">
- <div class="col-lg-12">
- <div class="section-title text-center">
- <h4 class="border-bottom">Post an ad</h4>
- </div>
- <div class="categories mb-15">
- <p class="font-size--20 mb-0">{{$catTree}} </p>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-lg-12">
- @if ($errors->any())
- <div class="alert alert-danger">
- <ul>
- @foreach ($errors->all() as $error)
- <li>{{ $error }}</li>
- @endforeach
- </ul>
- </div>
- @endif
- @if(session()->has('message'))
- <div class="alert alert-success">
- {{ session()->get('message') }}
- </div>
- @endif
- <form method="POST" action="{{route('create_ad_process')}}" class="dropzone" enctype="multipart/form-data">
- @csrf
- <input name="category_id" value="{{$id}}" type="hidden">
- <div class="box">
- <div class="box__title border-bottom p-3">
- <p class="mb-0">1/4 Ad details</p>
- </div>
- <div class="box__content p-3">
- <!-- post title -->
- <div class="form-group">
- <div class="row align-items-center">
- <div class="col-md-2">
- <label for="post-title">*Ad Title:</label>
- </div>
- <div class="col-md-5">
- <input type="text" class="js-maxlength form-control" id="post-title" name="post-title" maxlength="110"
- placeholder="Enter title here" data-always-show="true" data-placement="top-right">
- <p class="text-muted pl-3 mb-0">120 Character left</p>
- </div>
- <div class="col-md-4 offset-md-1">
- <div class="d-flex align-items-center">
- <i class="ti-info-alt color-secondary font-size--25 "></i>
- <span class="font-size-sm text-muted ml-2">Write a short description of your ad & include all of the key highlights.</span>
- </div>
- </div>
- </div>
- </div>
- <!-- end post title -->
- <!-- price -->
- <div class="form-group">
- <div class="row align-items-center">
- <div class="col-md-2">
- <label for="price">*Price:</label>
- </div>
- <div class="col-md-5">
- <div class="row">
- <div class="col-md-6">
- <input type="text" class="form-control" id="price" name="price" placeholder="Taka">
- </div>
- <div class="col-md-6 d-flex align-items-center justify-content-center">
- <div class="custom-control custom-radio custom-control-inline">
- <input type="radio" class="custom-control-input" id="negotiable" name="example-rd-custom-inline">
- <label class="custom-control-label" for="negotiable">Negotiable</label>
- </div>
- <div class="custom-control custom-radio custom-control-inline">
- <input type="radio" class="custom-control-input" id="fixed" name="example-rd-custom-inline" checked>
- <label class="custom-control-label" for="fixed">Fixed</label>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-4 offset-md-1">
- <div class="d-flex align-items-center">
- <i class="ti-info-alt color-secondary font-size--25"></i>
- <span class="text-muted font-size-sm ml-2">If you would’t like to show your price, select “Negotiable”</span>
- </div>
- </div>
- </div>
- </div>
- <!-- End price -->
- {{-- Minimum offer amount --}}
- <div class="form-group">
- <div class="row align-items-center">
- <div class="col-md-5 offset-md-2">
- <div class="form-group">
- <div class="form-check">
- <input class="form-check-input" type="checkbox" value="" id="invalidCheck">
- <label class="form-check-label" for="invalidCheck">
- Would you like to set a minimum offer amount?
- </label>
- <div class="invalid-feedback">
- You must agree before submitting.
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- {{-- Minimum offer amount --}}
- {{-- Discount box --}}
- <div class="form-group">
- <div class="row align-items-center">
- <div class="col-md-2 offset-md-2">
- <div class="form-group">
- <input class="form-control" type="text" value="" id="discount" placeholder="Discount Amount" >
- </div>
- </div>
- <div class="col-md-4">
- <div class="form-group">
- <div class="input-group input-daterange">
- <input type="text" class="form-control" id="datepicker" data-date="12/03/2012" placeholder="Select Start Date">
- <div class="post-input-addon">to</div>
- <input type="text" class="form-control" id="datepicker" data-date="12/03/2012" placeholder="Select End Date">
- </div>
- </div>
- </div>
- </div>
- </div>
- {{-- Discount box --}}
- <!-- ad type -->
- <div class="form-group">
- <div class="row">
- <div class="col-lg-2">
- <label for="">*Ad Type:</label>
- </div>
- <div class="col-lg-10">
- <div class="custom-control custom-radio custom-control-lg custom-control-inline ">
- <input type="radio" class="custom-control-input" id="am_selling" name="example-rd-custom-primary-lg"
- checked="">
- <label class="custom-control-label" for="am_selling">I am Selling</label>
- </div>
- <div class="custom-control custom-radio custom-control-lg custom-control-inline">
- <input type="radio" class="custom-control-input" id="want_buy" name="example-rd-custom-primary-lg">
- <label class="custom-control-label" for="want_buy">I want Buy</label>
- </div>
- </div>
- </div>
- </div>
- <!-- end ad type -->
- {{-- Seller Type --}}
- <div class="form-group">
- <div class="row">
- <div class="col-lg-2">
- <label for="">*Seller Type:</label>
- </div>
- <div class="col-lg-10">
- <div class="custom-control custom-radio custom-control-lg custom-control-inline ">
- <input value="private" type="radio" class="custom-control-input" id="private_sell" name="sell_type"
- checked="">
- <label class="custom-control-label" for="private_sell">Private</label>
- </div>
- <div class="custom-control custom-radio custom-control-lg custom-control-inline">
- <input value="business" type="radio" class="custom-control-input" id="business_sell" name="sell_type">
- <label class="custom-control-label" for="business_sell">Business</label>
- </div>
- </div>
- </div>
- </div>
- {{-- Seller Type --}}
- {{-- condition type--}}
- <div class="form-group border-bottom">
- <div class="row">
- <div class="col-lg-2">
- <label for="">*Condition Type:</label>
- </div>
- <div class="col-lg-10">
- <div class="custom-control custom-radio custom-control-inline">
- <input type="radio" id="new" name="condition" class="custom-control-input" checked>
- <label class="custom-control-label" for="new">New</label>
- </div>
- <div class="custom-control custom-radio custom-control-inline">
- <input type="radio" id="used" name="condition" class="custom-control-input">
- <label class="custom-control-label" for="used">Used</label>
- </div>
- <div class="custom-control custom-radio custom-control-inline">
- <input type="radio" id="reconditioned" name="condition" class="custom-control-input">
- <label class="custom-control-label" for="reconditioned">Reconditioned</label>
- </div>
- </div>
- </div>
- </div>
- {{-- condition type--}}
- {{-- Brand Name--}}
- <div class="form-group">
- @foreach($form_builder as $fb)
- @php
- $specification=json_decode($fb->specification);
- @endphp
- <div class="row">
- <div class="col-lg-2">
- <label for="brandName">*{{$specification->label}}:</label>
- </div>
- @if($fb->type=='select')
- <div class="col-lg-5 form-group">
- <select name="spec[{{str_replace(' ','_',$specification->label)}}]" id="" class="form-control">
- @foreach($fb->attributes as $attribute)
- <option value="{{$attribute->id}}">{{$attribute->value}}</option>
- @endforeach
- </select>
- </div>
- @else
- <div class="col-lg-5 form-group">
- <input name="spec[{{str_replace(' ','_',$specification->label)}}]" type="text" class="form-control" placeholder="Please Enter {{$specification->label}}">
- </div>
- @endif
- </div>
- @endforeach
- </div>
- {{--@if($parent_category=='motors')--}}
- {{--@include('frontend.layouts.custom_forms.vehicles')--}}
- {{--@endif--}}
- {{--@if($parent_category=='food')--}}
- {{--@include('frontend.layouts.custom_forms.food')--}}
- {{--@endif--}}
- {{--@if($parent_category=='property')--}}
- {{--@include('frontend.layouts.custom_forms.property')--}}
- {{--@endif--}}
- {{--@if($parent_category=='mobile')--}}
- {{--@include('frontend.layouts.custom_forms.mobile')--}}
- {{--@endif--}}
- <!-- course description -->
- <div class="form-group">
- <div class="row align-items-center">
- <div class="col-md-2">
- <label for="description">*Description:</label>
- </div>
- <div class="col-md-5">
- <textarea class="form-control" id="description" name="description" rows="8" placeholder="Write description here"
- data-always-show="true"></textarea>
- </div>
- <div class="col-md-4 offset-md-1">
- <div class="d-flex align-items-center">
- <i class="ti-info-alt color-secondary font-size--25"></i>
- <span class="text-muted mb-0 font-size-sm ml-2">Enter as much information possible; ads with detail & longer
- desriptions get more views, replies & calls.</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="box">
- <div class="box__title border-bottom p-3">
- <p class="mb-0">2/4 Pictures</p>
- </div>
- <div class="box__content p-3">
- <p>For best results, we recommend choosing landscape images.</p>
- <div class="row">
- <div class="col-md-6">
- <div class="fileUpload">
- <input id="file-input" name="img-up[]" type="file" multiple>
- <button class="upload-button" type="button" onclick="document.querySelector('#file-input').click()">
- <i class="fa fa-camera color-primary fa-4x"></i>
- </button>
- <div id="preview"></div>
- </div>
- </div>
- <div class="col-md-4 offset-md-1">
- <div class="d-flex mb-50">
- <i class="fas fa-camera color-primary font-size--25"></i>
- <span class="text-muted mb-0 font-size-sm ml-2">
- Ads with picture are more successful up to 6 picture.You can
- upload image upto 4MB.Drag and drop files into upload.
- </span>
- </div>
- <div class="d-flex align-items-center">
- <i class="fa fa-plus color-primary font-size--25"></i>
- <span class="text-muted mb-0 font-size-sm ml-2">Pick and drag the image around to re-order them.</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="box">
- <div class="box__title border-bottom p-3">
- <p class="mb-0">3/4 Contact details</p>
- </div>
- <div class="box__content p-3">
- <div class="form-group">
- <div class="row align-items-center">
- <div class="col-md-2">
- <label for="name">*Contact Name:</label>
- </div>
- <div class="col-md-5">
- <input value="{{auth()->check() ? auth()->user()->name :''}}" type="text" id="name" name="name" class="form-control" placeholder="Name">
- </div>
- </div>
- </div>
- @guest()
- <div class="form-group">
- <div class="row align-items-center">
- <div class="col-md-2">
- <label for="password">*Password:</label>
- </div>
- <div class="col-md-5">
- <input type="password" id="password" name="password" class="form-control" placeholder="Password">
- </div>
- </div>
- </div>
- @endguest
- <div class="form-group">
- <div class="row align-items-center">
- <div class="col-md-2">
- <label for="email">*Email:</label>
- </div>
- <div class="col-md-3">
- <input value="{{auth()->check() ? auth()->user()->email :''}}" type="text" id="email" name="email" class="form-control" placeholder="Email">
- </div>
- <div class="col-md-4 offset-md-3">
- <div class="d-flex">
- <i class="ti-info-alt color-secondary font-size--25"></i>
- <span class="text-muted mb-0 font-size-sm ml-2">Your email address will not displayed on your ad.</span>
- </div>
- </div>
- </div>
- </div>
- <div class="form-group">
- <div class="row align-items-center">
- <div class="col-md-2">
- <label for="phone">*Location:</label>
- </div>
- <div class="col-md-5">
- <div class="row">
- <div class="col-md-4">
- <div class="form-group">
- <select class="form-control" id="division" name="division">
- <option value="0">Division</option>
- <option value="Dhaka">Dhaka</option>
- <option value="Khulna">Khulna</option>
- <option value="Mymensingh">Mymensingh</option>
- <option value="Rangpur">Rangpur</option>
- </select>
- </div>
- </div>
- <div class="col-md-4">
- <div class="form-group">
- <select class="form-control" id="district" name="district">
- <option value="0">District</option>
- <option value="1">Dhaka</option>
- <option value="2">Khulna</option>
- <option value="3">Mymensingh</option>
- <option value="4">Rangpur</option>
- </select>
- </div>
- </div>
- <div class="col-md-4">
- <div class="form-group">
- <select class="form-control" id="location" name="location">
- <option value="0">Location</option>
- <option value="1">Dhaka</option>
- <option value="2">Khulna</option>
- <option value="3">Mymensingh</option>
- <option value="4">Rangpur</option>
- </select>
- </div>
- </div>
- </div>
- <div class="row">
- <a class="location-pin" href="#"><i class="fa fa-map-marker-alt color-primary"></i>
- <span>Use my current location</span>
- </a>
- </div>
- </div>
- <div class="col-md-4 offset-md-1">
- <div class="d-flex">
- <i class="ti-info-alt color-secondary font-size--25"></i>
- <span class="text-muted mb-0 font-size-sm ml-2">Enter as much information possible; ads with detail & longer
- desriptions get more views, riplies & calls.</span>
- </div>
- </div>
- </div>
- </div>
- <div class="form-group border-bottom">
- <div class="row align-items-center">
- <div class="col-md-2">
- <label for="mobile">*Phone:</label>
- </div>
- <div class="col-md-3">
- <input value="{{auth()->check() ? auth()->user()->mobile :''}}" type="text" id="mobile" name="mobile" class="form-control" placeholder="Phone">
- <div class="row mt-2">
- <a class="location-pin" href="#"><i class="fa fa-plus color-primary"></i>
- <span>Add another phone number</span>
- </a>
- </div>
- </div>
- </div>
- </div>
- <div class="form-group">
- <div class="row align-items-center">
- <div class="col-md-2">
- <label for="phone">Youtube Link:</label>
- </div>
- <div class="col-md-3">
- <input type="text" id="phone" name="phone" class="form-control" placeholder="Youtube link">
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="box">
- <div class="box__title border-bottom p-3">
- <p class="mb-0">4/4 Promote your ad (If applicable)</p>
- </div>
- <div class="box__content p-3">
- <div class="row">
- <div class="col-lg-12">
- <div class="row">
- <div class="col-md-3">
- <div class="promote-ad-box-img">
- <img src="{{ asset('/assets/img/promote-ad.png') }}" alt="">
- </div>
- </div>
- <div class="col-md-9">
- <div class="promote-ad-box-content">
- <div class="promote-title-area d-flex justify-content-between">
- <h5 class="promote-title color-primary">Featured</h5>
- <p class="promote-title">
- <select class="form-control" id="division" name="package[fetured]">
- @foreach($packages as $package)
- @if($package->name == 'featured')
- <option value={{$package->id}}>{{"TK " . $package->price ." (". $package->days . " days)" }} </option>
- @endif
- @endforeach
- </select>
- </p>
- </div>
- <div class="d-flex justify-content-between align-items-center">
- <div>
- <p class="promote-ad-context">Keep your ad at the top of its category.
- It’ll appear in a rotation above the search
- result for several days, helping your ad
- get noticed by more people.</p>
- </div>
- <div>
- <a href="#" class="btn-brand-secondary">Add</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="row mt-3 mb-3">
- <div class="col-md-3">
- <div class="promote-ad-box-img">
- <img src="{{ asset('/assets/img/promote-ad.png') }}" alt="">
- </div>
- </div>
- <div class="col-md-9">
- <div class="promote-ad-box-content">
- <div class="promote-title-area d-flex justify-content-between">
- <h5 class="promote-title color-primary">Urgent</h5>
- <p class="promote-title">
- <select class="form-control" id="division" name="package[urgent]">
- @foreach($packages as $package)
- @if($package->name == 'urgent')
- <option value={{$package->id}}>{{"TK " . $package->price ." (". $package->days . " days)" }} </option>
- @endif
- @endforeach
- </select>
- </p>
- </div>
- <div class="d-flex justify-content-between align-items-center">
- <div>
- <p class="promote-ad-context">In a hurry? Add an Urgent tag to your ad
- and show people you're ready to sell ASAP.
- It's a great way to attract serious offers quickly.</p>
- </div>
- <div>
- <a href="#" class="btn-brand-secondary">Add</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="row mt-3 mb-3">
- <div class="col-md-3">
- <div class="promote-ad-box-img">
- <img src="{{ asset('/assets/img/promote-ad.png') }}" alt="">
- </div>
- </div>
- <div class="col-md-9">
- <div class="promote-ad-box-content">
- <div class="promote-title-area d-flex justify-content-between">
- <h5 class="promote-title color-primary">Homepage Gallrey</h5>
- <p class="promote-title">
- <select class="form-control" id="division" name="package[homepageGallery]">
- @foreach($packages as $package)
- @if($package->name == 'homepageGallery')
- <option value="{{$package->id}}">{{"TK " . $package->price ." (". $package->days . " days)" }} </option>
- @endif
- @endforeach
- </select>
- </p>
- </div>
- <div class="d-flex justify-content-between align-items-center">
- <div>
- <p class="promote-ad-context">Want to be centre of attention?
- Place your ad in the gallery on our homepage,
- where no one can miss it.</p>
- </div>
- <div>
- <a href="#" class="btn-brand-secondary">Add</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="form-group pl-3 pr-3">
- <button class="btn-brand-secondary btn-large mb-2">Post ad</button>
- <a href="#" class="btn-brand-primary ml-4">Preview Ad</a>
- <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
- class="link-reset color-primary" href="#"><u>privacy policy</u></a>.</p>
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- </section>
- </main>
- <!-- end main -->
- @endsection
- @section('after_scripts')
- <script type="text/javascript">
- $(document).ready(function () {
- // File upload
- function previewImages() {
- var preview = document.querySelector('#preview');
- if (this.files) {
- [].forEach.call(this.files, readAndPreview);
- }
- function readAndPreview(file) {
- // Make sure `file.name` matches our extensions criteria
- if (!/\.(jpe?g|png|gif)$/i.test(file.name)) {
- return alert(file.name + " is not an image");
- }
- var reader = new FileReader();
- reader.addEventListener("load", function () {
- var image = new Image();
- image.height = 100;
- image.title = file.name;
- image.src = this.result;
- preview.appendChild(image);
- }, false);
- reader.readAsDataURL(file);
- }
- }
- document.querySelector('#file-input').addEventListener("change", previewImages, false);
- // Date picker
- $.fn.datepicker.defaults.format = "yyyy/mm/dd";
- $('.input-daterange input').each(function () {
- $(this).datepicker('clearDates');
- });
- });
- </script>
- @stop
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement