@extends('admin.layouts.master')

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

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

@section('page_text', __('admin.Edit :name' , ['name' =>  __('admin.Media')]))

@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', 'Edit 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::model($media, ['enctype'=>'multipart/form-data' , 'method' => 'PATCH','route' => ['medias.update', $media->id]]) !!}
                            <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('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,$media->media_group_id, 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>@lang('admin.Upload New 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="progress" class="progress my-3">
                                        <div class="progress-bar progress-bar-success"></div>
                                    </div>

                                    <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>
    <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">

    <script src="{{ asset('dashboard/assets/scripts/media_create.js') }}"></script>

@endsection