@extends('admin.layouts.master')

@section('page_title', __('admin.Add New :name' , ['name' =>  __('admin.Media')]))

@section('page_heading', __('admin.Add New :name' , ['name' =>  __('admin.Media')]))

@section('page_text', __('admin.Add New :name' , ['name' =>  __('admin.Medias')]))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'Media')

@section('page_breadcrumb_item2', 'Add Media')

@section('content')
        <div class="row">
            <div class="col-md-12">
                <div class="card card-flush">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-8">
                        {!! Form::open(array('enctype'=>'multipart/form-data' ,'novalidate'=>'novalidate','id' => 'signupForm', 'route' => 'medias.store','method'=>'POST')) !!}
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="name" class="d-flex flex-column mb-7 fv-row" class="d-flex flex-column mb-7 fv-row">@lang('admin.Title')</label>
                                  {!! Form::text('title', null, array('id'=>'title','required'=>'required','placeholder' => '','class' => 'form-control')) !!}
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="media_group_id" class="d-flex flex-column mb-7 fv-row">@lang('admin.Media Group')</label>
                                <div>
                                    {!! Form::select('media_group_id', $media_group,[], array('class' => 'form-select','data-control'=>"select2",'multiple'=>'multiple')) !!}
                                </div>
                            </div>
                            <div class="d-flex flex-column mb-7 fv-row">
                                <label for="status" class="d-flex flex-column mb-7 fv-row">@lang('admin.Media File') <small>(MP4 Video, PDF Document, Image)</small></label>
                                <div>
                                    <!-- The fileinput-button span is used to style the file input field as button -->
                                    <span class="btn btn-success fileinput-button">
                                        <i class="fa fa-plus"></i>
                                        <span>Add File</span>
                                        <!-- The file input field used as target for the file upload widget -->
                                        <input id="fileupload" type="file" name="media_file" >
                                    </span>
                                    <div id="files" class="files"></div>

                                </div>
                            </div>


                            <div class="d-flex flex-column mb-7 fv-row">
                                <div class="divider"></div>

                                <div class="clearfix">
                                   
                                    <button type="submit" id="next-btn" class="btn-shadow btn-wide float-right   btn-hover-shine btn btn-primary">
                                       @lang('admin.Submit')
                                    </button>
                                    <a href="{{ route('medias.index') }}" id="prev-btn" class="btn-shadow float-right btn-wide  mr-3 btn btn-outline-secondary">
                                        @lang('admin.Cancel')
                                    </a>
                                </div>


                            </div>
                            <input type="hidden" name="upload_url" id="upload_url" value="{{ route('fileupload.index') }}">
                            {!! Form::close() !!}

                    </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
@endsection
@section('js')
<script src="{{ asset('dashboard/assets/plugins/fileupload/js/jquery.ui.widget.js') }}"></script>
<script src="{{ asset('dashboard/assets/plugins/fileupload/js/load-image.all.min.js') }}"></script>
<script src="{{ asset('dashboard/assets/plugins/fileupload/js/canvas-to-blob.min.js') }}"></script>
<script src="{{ asset('dashboard/assets/plugins/fileupload/js/jquery.iframe-transport.js') }}"></script>
<!-- The basic File Upload plugin -->
<script src="{{ asset('dashboard/assets/plugins/fileupload/js/jquery.fileupload.js') }}"></script>
<!-- The File Upload processing plugin -->
<script src="{{ asset('dashboard/assets/plugins/fileupload/js/jquery.fileupload-process.js') }}"></script>
<!-- The File Upload image preview & resize plugin -->
<script src="{{ asset('dashboard/assets/plugins/fileupload/js/jquery.fileupload-image.js') }}"></script>
<!-- The File Upload audio preview plugin -->
<script src="{{ asset('dashboard/assets/plugins/fileupload/js/jquery.fileupload-audio.js') }}"></script>
<!-- The File Upload video preview plugin -->
<script src="{{ asset('dashboard/assets/plugins/fileupload/js/jquery.fileupload-video.js') }}"></script>
<!-- The File Upload validation plugin -->
<script src="{{ asset('dashboard/assets/plugins/fileupload/js/jquery.fileupload-validate.js') }}"></script>
<link href="{{ asset('dashboard/assets/plugins/fileupload/css/jquery.fileupload.css') }}" rel="stylesheet">
<link href="{{ asset('dashboard/assets/css/custom.css') }}" rel="stylesheet">
@endsection