/app/Laravel/Views/backoffice/albums/create.blade.php

  1@extends('backoffice._layouts.main')
  2@section('content')
  3<!-- Page header -->
  4<div class="page-header page-header-default">
  5    <div class="page-header-content">
  6        <div class="page-title">
  7            <h4><i class="glyphicon glyphicon-picture"></i> <span class="text-semibold">Album</span> - Create a new Album.</h4>
  8        </div>
  9        <div class="heading-elements">
 10            <div class="heading-btn-group">
 11                <a href="{{route('backoffice.partners.index')}}" class="btn btn-link btn-float text-size-small has-text"><i class="icon-stack text-primary"></i><span>All Data</span></a>
 12            </div>
 13        </div>
 14    </div>
 15
 16    <div class="breadcrumb-line">
 17        <ul class="breadcrumb">
 18            <li><a href=""><i class="icon-home2 position-left"></i> Home</a></li>
 19            <li><a href="">Album</a></li>
 20            <li class="active">Create</li>
 21        </ul>
 22    </div>
 23</div>
 24<!-- /page header -->
 25
 26
 27<!-- Content area -->
 28<div class="content">
 29    <form id="target" class="form-horizontal" action="" method="POST" enctype="multipart/form-data">
 30        <input type="hidden" name="_token" value="{{csrf_token()}}">
 31        <div class="panel panel-flat">
 32            <div class="panel-heading">
 33                <h5 class="panel-title">Album Details</h5>
 34                <div class="heading-elements">
 35                    <ul class="icons-list">
 36                        <li><a data-action="collapse"></a></li>
 37                        <!-- <li><a data-action="reload"></a></li> -->
 38                        <!-- <li><a data-action="close"></a></li> -->
 39                    </ul>
 40                </div>
 41            </div>
 42
 43            <div class="panel-body">
 44                
 45                <p class="content-group-lg">Below are the general information for this user.</p>
 46
 47                <div class="form-group {{$errors->first('title') ? 'has-error' : NULL}}">
 48                    <label for="type" class="control-label col-lg-2 text-right">Title<span class="text-danger"></span></label>
 49                    <div class="col-lg-9">
 50                        <input type="text" id="title" name="title" class="dropup form-control daterange-single" placeholder="" value="{{old('title')}}">
 51                        @if($errors->first('title'))
 52                        <span class="help-block">{{$errors->first('title')}}</span>
 53                        @endif
 54                    </div>
 55                </div>
 56                
 57                <div class="form-group {{$errors->first('description') ? 'has-error' : NULL}}">
 58                    <label for="description" class="control-label col-lg-2 text-right">Description</label>
 59                    <div class="col-lg-9">
 60                        <textarea class="form-control input-sm" rows="5" cols="20" value="" placeholder="" type="text" name="description">{{old('description')}}</textarea> 
 61                        @if($errors->first('description'))
 62                        <span class="help-block">{{$errors->first('description')}}</span>
 63                        @endif
 64                    </div>
 65                </div>
 66
 67                <div class="form-group {{$errors->first('file') ? 'has-error' : NULL}}">
 68                    <label class="control-label col-lg-2 text-right">Choose a Thumbnail</label>
 69                    <div class="col-lg-9">
 70                        <input type="file" name="file" class="file-styled-primary" data-multiple-caption="{count} files selected" multiple="" class="inputfile">
 71                        @if($errors->first('file'))
 72                        <span class="help-block">{{$errors->first('file')}}</span>
 73                        @endif
 74                    </div>
 75                </div>
 76            </div>
 77        </div>
 78
 79        <div class="content-group">
 80            <div class="text-left">
 81                <button id="save" type="submit" data-loading-text="<i class='icon-spinner2 spinner position-left'></i> Saving ..." class="btn btn-primary btn-raised btn-lg btn-loading">Save</button>
 82                &nbsp;
 83                <a type="button" class="btn btn-default btn-raised btn-lg" href="{{route('backoffice.users.index')}}">Cancel</a>
 84            </div>
 85        </div>
 86    </form>
 87    @include('backoffice._components.footer')
 88</div>
 89<!-- /content area -->
 90@stop
 91@section('modals')
 92@stop
 93@section('page-styles')
 94@stop
 95@section('page-scripts')
 96@include('backoffice._includes.page-jgrowl')
 97<script type="text/javascript" src="{{asset('backoffice/js/pages/components_popups.js')}}"></script>
 98
 99<script type="text/javascript" src="{{asset('backoffice/js/plugins/buttons/spin.min.js')}}"></script>
100<script type="text/javascript" src="{{asset('backoffice/js/plugins/buttons/ladda.min.js')}}"></script>
101
102<script type="text/javascript" src="{{asset('backoffice/js/plugins/forms/styling/uniform.min.js')}}"></script>
103
104<!-- Select2 -->
105<script type="text/javascript" src="{{asset('backoffice/js/plugins/forms/selects/select2.min.js')}}"></script>
106
107<script type="text/javascript" src="{{asset('backoffice/js/pages/form_inputs.js')}}"></script>
108
109<!-- Daterange Picker -->
110<script type="text/javascript" src="{{asset('backoffice/js/plugins/ui/moment/moment.min.js')}}"></script>
111<script type="text/javascript" src="{{asset('backoffice/js/plugins/pickers/daterangepicker.js')}}"></script>
112
113<!-- CKEditor -->
114<script type="text/javascript" src="{{asset('backoffice/js/plugins/editors/ckeditor/ckeditor.js')}}"></script>
115
116
117<script type="text/javascript">
118    $(function(){
119
120        $(".styled, .multiselect-container input").uniform({
121            radioClass: 'choice'
122        });
123
124        $('.btn-loading').click(function () {
125            var btn = $(this);
126            btn.button('loading');
127        });
128
129        $(".styled, .multiselect-container input").uniform({
130            radioClass: 'choice'
131        });
132
133        $('.select').each(function(){
134            $id = "#" + $(this).attr('id') + " option:first";
135            $($id).prop('disabled',1);
136        });
137
138        $('.select-no-search').select2({
139            minimumResultsForSearch: Infinity
140        });
141
142        $('.select-with-search').select2();
143
144        $('#birthdate').daterangepicker({ 
145            autoApply: true,
146            autoUpdateInput: false,
147            singleDatePicker: true,
148            timePicker: false,
149            showDropdowns: true,
150            locale: {
151                format: 'YYYY-MM-DD'
152            }
153        }).on('apply.daterangepicker', function (ev, picker){
154            $(this).val(picker.startDate.format("YYYY-MM-DD"));
155        });
156
157    });
158</script>
159@stop
160