Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @extends('layouts.admin')
- @section('style')
- // this css messes up the top navbar by few pixels up..
- <link href="{{asset('dashboard/plugins/dropify/dist/css/dropify.min.css')}}" rel="stylesheet">
- {{--<!-- Custom CSS -->--}}
- {{--<link href="{{ asset('dashboard/css/style.css') }}" rel="stylesheet">--}}
- {{--<meta name="csrf-token" content="{{ csrf_token() }}" />--}}
- @endsection
- @section('content')
- <div class="page-wrapper">
- <!-- ============================================================== -->
- <!-- Container fluid -->
- <!-- ============================================================== -->
- <div class="container-fluid">
- <!-- ============================================================== -->
- <!-- Bread crumb and right sidebar toggle -->
- <!-- ============================================================== -->
- <div class="row page-titles">
- <div class="col-md-5 col-8 align-self-center">
- <h3 class="text-themecolor m-b-0 m-t-0">Forms</h3>
- <ol class="breadcrumb">
- <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
- <li class="breadcrumb-item active">Form</li>
- </ol>
- </div>
- <div class="col-md-7 col-4 align-self-center">
- <div class="d-flex m-t-10 justify-content-end">
- <div class="d-flex m-r-20 m-l-10 hidden-md-down">
- <div class="chart-text m-r-10">
- <h6 class="m-b-0"><small>THIS MONTH</small></h6>
- <h4 class="m-t-0 text-info">$58,356</h4></div>
- <div class="spark-chart">
- <div id="monthchart"></div>
- </div>
- </div>
- <div class="d-flex m-r-20 m-l-10 hidden-md-down">
- <div class="chart-text m-r-10">
- <h6 class="m-b-0"><small>LAST MONTH</small></h6>
- <h4 class="m-t-0 text-primary">$48,356</h4></div>
- <div class="spark-chart">
- <div id="lastmonthchart"></div>
- </div>
- </div>
- <div class="">
- <button class="right-side-toggle waves-effect waves-light btn-success btn btn-circle btn-sm pull-right m-l-10"><i class="ti-settings text-white"></i></button>
- </div>
- </div>
- </div>
- </div>
- <!-- ============================================================== -->
- <!-- End Bread crumb and right sidebar toggle -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- Start Page Content -->
- <!-- ============================================================== -->
- <div class="row">
- <div class="col-12">
- <div class="card">
- <div class="card-block">
- <h4 class="card-title">Animated Line Inputs Form With Floating Labels</h4>
- <h6 class="card-subtitle">Just add <code>floating-labels</code> class to the form.</h6>
- <form class="floating-labels m-t-40" id="createHost" action='#'>
- {{--{{ csrf_field() }}--}}
- <div class="form-group m-b-40">
- <input type="text" name="name" class="form-control" id="name" required>
- <span class="bar"></span>
- <label for="input1">Name</label>
- </div>
- <div class="form-group m-b-40">
- <input type="text" name="address" class="form-control" id="address" required>
- <span class="bar"></span>
- <label for="input3">Adress</label>
- </div>
- <div class="form-group m-b-40">
- <input type="text" name="city" class="form-control" id="city" required>
- <span class="bar"></span>
- <label for="input3">City</label>
- </div>
- <div class="form-group m-b-40">
- <input type="text" name="state" class="form-control" id="state" required>
- <span class="bar"></span>
- <label for="input3">State</label>
- </div>
- <div class="form-group m-b-40">
- <input type="number" name="phone" class="form-control" id="phone" required>
- <span class="bar"></span>
- <label for="input3">Phone</label>
- </div>
- <div class="form-group m-b-40">
- <input type="number" name="mobile_phone" class="form-control" id="mobile" required>
- <span class="bar"></span>
- <label for="input3">Mobile Phone</label>
- </div>
- <div class="form-group m-b-40">
- <input type="email" name="email" class="form-control" id="email" required>
- <span class="bar"></span>
- <label for="input3">Email</label>
- </div>
- <div class="form-group m-b-40">
- <input type="url" name="website" class="form-control" id="website" required>
- <span class="bar"></span>
- <label for="input3">Website</label>
- </div>
- <div class="form-group m-b-5">
- <textarea class="form-control" name="description" rows="4" id="description" required></textarea>
- <span class="bar"></span>
- <label for="input7">Description</label>
- </div>
- {{--<div class="card-block">--}}
- {{--<input type="file" id="input-file-now-custom-1" name="photo" class="dropify" data-default-file="" />--}}
- {{--</div>--}}
- <div class="form-actions">
- <button type="submit" class="btn btn-success"> <i class="fa fa-check"></i> Save</button>
- <button type="button" class="btn btn-inverse">Cancel</button>
- </div>
- </form>
- @include('layouts.errors')
- </div>
- </div>
- </div>
- </div>
- <!-- ============================================================== -->
- <!-- End PAge Content -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- Right sidebar -->
- <!-- ============================================================== -->
- <!-- .right-sidebar -->
- <div class="right-sidebar">
- <div class="slimscrollright">
- <div class="rpanel-title"> Service Panel <span><i class="ti-close right-side-toggle"></i></span> </div>
- <div class="r-panel-body">
- <ul id="themecolors" class="m-t-20">
- <li><b>With Light sidebar</b></li>
- <li><a href="javascript:void(0)" data-theme="default" class="default-theme">1</a></li>
- <li><a href="javascript:void(0)" data-theme="green" class="green-theme">2</a></li>
- <li><a href="javascript:void(0)" data-theme="red" class="red-theme">3</a></li>
- <li><a href="javascript:void(0)" data-theme="blue" class="blue-theme working">4</a></li>
- <li><a href="javascript:void(0)" data-theme="purple" class="purple-theme">5</a></li>
- <li><a href="javascript:void(0)" data-theme="megna" class="megna-theme">6</a></li>
- <li class="d-block m-t-30"><b>With Dark sidebar</b></li>
- <li><a href="javascript:void(0)" data-theme="default-dark" class="default-dark-theme">7</a></li>
- <li><a href="javascript:void(0)" data-theme="green-dark" class="green-dark-theme">8</a></li>
- <li><a href="javascript:void(0)" data-theme="red-dark" class="red-dark-theme">9</a></li>
- <li><a href="javascript:void(0)" data-theme="blue-dark" class="blue-dark-theme">10</a></li>
- <li><a href="javascript:void(0)" data-theme="purple-dark" class="purple-dark-theme">11</a></li>
- <li><a href="javascript:void(0)" data-theme="megna-dark" class="megna-dark-theme ">12</a></li>
- </ul>
- <ul class="m-t-20 chatonline">
- <li><b>Chat option</b></li>
- <li>
- <a href="javascript:void(0)"><img src="{{asset('dashboard/images/users/1.jpg')}}" alt="user-img" class="img-circle"> <span>Varun Dhavan <small class="text-success">online</small></span></a>
- </li>
- <li>
- <a href="javascript:void(0)"><img src="{{asset('dashboard/images/users/2.jpg')}}" alt="user-img" class="img-circle"> <span>Genelia Deshmukh <small class="text-warning">Away</small></span></a>
- </li>
- <li>
- <a href="javascript:void(0)"><img src="{{asset('dashboard/images/users/3.jpg')}}" alt="user-img" class="img-circle"> <span>Ritesh Deshmukh <small class="text-danger">Busy</small></span></a>
- </li>
- <li>
- <a href="javascript:void(0)"><img src="{{asset('dashboard/images/users/4.jpg')}}" alt="user-img" class="img-circle"> <span>Arijit Sinh <small class="text-muted">Offline</small></span></a>
- </li>
- <li>
- <a href="javascript:void(0)"><img src="{{asset('dashboard/images/users/5.jpg')}}" alt="user-img" class="img-circle"> <span>Govinda Star <small class="text-success">online</small></span></a>
- </li>
- <li>
- <a href="javascript:void(0)"><img src="{{asset('dashboard/images/users/6.jpg')}}" alt="user-img" class="img-circle"> <span>John Abraham<small class="text-success">online</small></span></a>
- </li>
- <li>
- <a href="javascript:void(0)"><img src="{{asset('dashboard/images/users/7.jpg')}}" alt="user-img" class="img-circle"> <span>Hritik Roshan<small class="text-success">online</small></span></a>
- </li>
- <li>
- <a href="javascript:void(0)"><img src="{{asset('dashboard/images/users/8.jpg')}}" alt="user-img" class="img-circle"> <span>Pwandeep rajan <small class="text-success">online</small></span></a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <!-- ============================================================== -->
- <!-- End Right sidebar -->
- <!-- ============================================================== -->
- </div>
- <!-- ============================================================== -->
- <!-- End Container fluid -->
- <!-- ============================================================== -->
- @endsection
- @section('script')
- <script>
- $.ajaxSetup({
- headers: {
- 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
- }
- });
- $('#createHost ').submit(function(ev){
- ev.preventDefault();
- // var name = $('#name').val();
- // var address = $('#address').val();
- // var city = $('#city').val();
- // var state = $('#state').val();
- // var phone = $('#phone').val();
- // var mobile = $('#mobile').val();
- // var email = $('#email').val();
- // var website = $('#website').val();
- // var description = $('#description').val();
- //
- // var dataString = "name="+name+"&address="+address+"&city="+city+"&state="+state+"&phone="+phone
- // +"&mobile="+mobile+"&email="+email+"&website="+website+"&description"+description;
- $.ajax({
- type:"POST",
- url:"/host",
- contentType: "application/json",
- data: $('#createHost').serialize(),
- beforeSend: function (request) {
- request.setRequestHeader("X-CSRF-TOKEN", '{{ csrf_token() }}');
- },
- success: function(data){
- console.log(data);
- },
- error: function(xhr, status, error) {
- // alert("smth went wrong");
- console.log(data);
- }
- })
- })
- </script>
- <!-- jQuery file upload -->
- <script src="{{asset('dashboard/plugins/dropify/dist/js/dropify.min.js')}}"></script>
- <script>
- $(document).ready(function() {
- // Basic
- $('.dropify').dropify();
- // Translated
- $('.dropify-fr').dropify({
- messages: {
- default: 'Glissez-déposez un fichier ici ou cliquez',
- replace: 'Glissez-déposez un fichier ou cliquez pour remplacer',
- remove: 'Supprimer',
- error: 'Désolé, le fichier trop volumineux'
- }
- });
- // Used events
- var drEvent = $('#input-file-events').dropify();
- drEvent.on('dropify.beforeClear', function(event, element) {
- return confirm("Do you really want to delete \"" + element.file.name + "\" ?");
- });
- drEvent.on('dropify.afterClear', function(event, element) {
- alert('File deleted');
- });
- drEvent.on('dropify.errors', function(event, element) {
- console.log('Has Errors');
- });
- var drDestroy = $('#input-file-to-destroy').dropify();
- drDestroy = drDestroy.data('dropify')
- $('#toggleDropify').on('click', function(e) {
- e.preventDefault();
- if (drDestroy.isDropified()) {
- drDestroy.destroy();
- } else {
- drDestroy.init();
- }
- })
- });
- </script>
- @endsection
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement