@extends('themes.backend.layouts.app')
@section('fancybox') @stop
@section('editor') @stop

@section('breadcrumb')
{{ Breadcrumbs::render($editDataAtrArr['route'], $dataArr) }}
@endsection

@section('content')
<div class="row">
  <div class="col-sm-12">
    <div class="card m-b-0">
      <div class="card-header">
        <h5 class="card-header-text">{{ $editDataAtrArr['title'] }}</h5>
      </div>
      <div class="card-block">
        <x-form.alert type="{{ session()->get('alert') }}" title="{{ session()->get('title') }}" message="{{ session()->get('message') }}" />

        <form name="eDataFrm" id="eDataFrm" action="{{ route('admin.gallery-data.update.custom', $dataArr->gal_dt_id) }}" method="POST" enctype="multipart/form-data">
          {{ csrf_field() }}

          <x-form.group_lyt1_2_10 label="{{ __('gallery.gallery_data_type_txt') }}" for="gallery_data_type" error="{{ $errors->first('gallery_data_type') }}" required="true">
            <select id="gallery_data_type" class="form-control" name="gallery_data_type">
              <option value="">{{ __('admin.def_drop_optn_styl1_txt') }}</option>
              @foreach($moduleAtrArr['media_type']['value'] as $key => $optValMt )
                @if($optValMt == $moduleAtrArr['media_type']['value']['0'])
                  <option value="{{ $optValMt }}" @if( $optValMt==old('gallery_data_type') ) {{ 'selected' }} @elseif( $optValMt==$dataArr['gallery_data_type'] ) {{ 'selected' }} @endif>{{ $moduleAtrArr['media_type']['text'][$optValMt] }}</option>
                @endif
              @endforeach
            </select>
          </x-form.group_lyt1_2_10>

          <div class="@if(old('gallery_data_type') == $moduleAtrArr['media_type']['value']['0']) {{ "show-scn" }} @elseif($dataArr['gallery_data_type'] == $moduleAtrArr['media_type']['value']['0']) {{ "show-scn" }} @else {{ "hide-scn" }} @endif" id="img_div">
            <x-form.group_lyt1_2_10 label="{{ __('gallery.thumb_image_txt') }}" for="media_id" error="{{ $errors->first('media_id') }}" required="true" info="{!! __('gallery.info.thumb_image') !!}">
              <div class="media_img_area">
                <x-link_media_popup href="0" src="{{ route('admin.media.gallery', 0) }}">
                  @if( $dataArr->media_id > 0 && !empty( $dataArr->media ) )
                  <x-img src="{{ $dataArr->media->getModuleVars()['media_folder'].$dataArr->media->path }}" class="img-fluid img-thumbnail img-100 display-media" alt="{{ $dataArr->media->alt }}" title="{{ $dataArr->media->title }}" data_id="{{ $dataArr->media_id }}" />
                  @else
                  {{ __('admin.browse_media_txt') }}
                  @endif
                </x-link_media_popup>
                <x-form.field.hidden value="{{ $dataArr->media_id }}" name="media_id" id="featuredImgVal-0" />
                <x-form.field.button_def class="btn-danger btn-mini waves-effect waves-light remove_featured show-scn m-t-10{{ ($dataArr->media_id > 0 &&  !empty($dataArr->media)) ? '' : ' d-none' }}" id="featuredImgRemov-0" text="{{ __('admin.remove_media_txt') }}" />
              </div>
            </x-form.group_lyt1_2_10>

            @if( $fldsHide['big_image'] == $boolFalse )
            <x-form.group_lyt1_2_10 label="{{ __('gallery.big_image_txt') }}" for="big_media_id" error="{{ $errors->first('big_media_id') }}" info="{!! __('gallery.info.big_image') !!}">
              <div class="media_img_area">
                <x-link_media_popup href="1" src="{{ route('admin.media.gallery', 1) }}">
                  @if( $dataArr->big_media_id > 0 && !empty( $dataArr->mediabig ) )
                  <x-img src="{{ $dataArr->mediabig->getModuleVars()['media_folder'].$dataArr->mediabig->path }}" class="img-fluid img-thumbnail img-100 display-media" alt="{{ $dataArr->mediabig->alt }}" title="{{ $dataArr->mediabig->title }}" data_id="{{ $dataArr->big_media_id }}" />
                  @else
                  {{ __('admin.browse_media_txt') }}
                  @endif
                </x-link_media_popup>
                <x-form.field.hidden value="{{ $dataArr->big_media_id }}" name="big_media_id" id="featuredImgVal-1" />
                <x-form.field.button_def class="btn-danger btn-mini waves-effect waves-light remove_featured show-scn m-t-10{{ ($dataArr->big_media_id > 0 &&  !empty($dataArr->mediabig)) ? '' : ' d-none' }}" id="featuredImgRemov-1" text="{{ __('admin.remove_media_txt') }}" />
              </div>
            </x-form.group_lyt1_2_10>
            @endif
            @if( $fldsHide['external_link'] == $boolFalse )
            <x-form.group_lyt1_2_10 label="{{ __('admin.external_link_txt') }}" for="external_link" error="{{ $errors->first('external_link') }}"  info="{!! __('message.info.valid_url') !!}" required="false"> 
              <x-form.field.text id="external_link" name="external_link" value="{{ $dataArr->external_link }}" />
            </x-form.group_lyt1_2_10>
            @endif
          </div>

          <div class="@if(old('gallery_data_type') == $moduleAtrArr['media_type']['value']['1']) {{ "show-scn" }} @elseif($dataArr['gallery_data_type'] == $moduleAtrArr['media_type']['value']['1']) {{ "show-scn" }} @else {{ "hide-scn" }} @endif" id="video_div">
            <x-form.group_lyt1_2_10 label="{{ __('gallery.video_from_txt') }}" for="video_from" error="{{ $errors->first('video_from') }}" required="true">
              <select id="video_from" class="form-control" name="video_from">
                <option value="">{{ __('admin.def_drop_optn_styl1_txt') }}</option>
                @foreach( $moduleAtrArr['video_type']['value'] as $key => $optVal )
                <option value="{{ $moduleAtrArr['video_type']['value'][$key] }}" @if($moduleAtrArr['video_type']['value'][$key]==old('video_from')) {{ 'selected' }} @elseif($moduleAtrArr['video_type']['value'][$key]==$dataArr->video_from) {{ 'selected' }} @endif>{{ $moduleAtrArr['video_type']['text'][$moduleAtrArr['video_type']['value'][$key]] }}</option>
                @endforeach
              </select>
            </x-form.group_lyt1_2_10>

            <div class="@if(old('video_from') == $moduleAtrArr['video_type']['value']['0']) {{ "show-scn" }} @elseif($dataArr['video_from'] == $moduleAtrArr['video_type']['value']['0']) {{ "show-scn" }} @else {{ "hide-scn" }} @endif" id="lcl_video_div">
              <x-form.group_lyt1_2_10 label="{{ __('gallery.video_file_txt') }}" for="video_file" error="{{ $errors->first('video_file') }}" required="true" info="{{ __('gallery.info.video') }}">
                @if($dataArr->video_file != '' && $dataArr->video_from == $moduleAtrArr['video_type']['value']['0'])
                <x-link_tooltip url="{{ $moduleAtrArr['media_folder'].$dataArr->video_file }}" title="{{ $moduleAtrArr['view_txt'] }}" target="{{ $moduleAtrArr['target'] }}" class="f-30 m-b-10" placement="right">
                  <i class="fa fa-file-movie-o"></i>
                </x-link_tooltip>
                @endif
                <x-form.field.file id="video_file" name="video_file" />
              </x-form.group_lyt1_2_10>
            </div>

            <div class="@if(old('video_from') == $moduleAtrArr['video_type']['value']['1']) {{ "show-scn" }} @elseif($dataArr['video_from'] == $moduleAtrArr['video_type']['value']['1']) {{ "show-scn" }} @else {{ "hide-scn" }} @endif" id="ytube_video_div">
              <x-form.group_lyt1_2_10 label="{{ __('gallery.youtube_share_link_txt') }}" for="youtube_share_link" error="{{ $errors->first('youtube_share_link') }}" required="true" info="{{ __('gallery.info.youtube_share_link') }}">
                <x-form.field.text id="youtube_share_link" name="youtube_share_link" value="{{ $dataArr->youtube_share_link }}" />
              </x-form.group_lyt1_2_10>
            </div>

            @if( $fldsHide['video_cover_image'] == $boolFalse )
            <x-form.group_lyt1_2_10 label="{{ __('gallery.video_cover_image_txt') }}" for="video_cover_image" error="{{ $errors->first('video_cover_image') }}" info="{!! __('gallery.info.video_cover_image') !!}">
              @if($dataArr->video_cover_image)
              <div class="m-b-10">
                <x-link_tooltip url="{{ $moduleAtrArr['media_folder'].$dataArr->video_cover_image }}" title="{{ $moduleAtrArr['view_txt'] }}" target="{{ $moduleAtrArr['target'] }}" placement="right">
                  <x-img src="{{ $moduleAtrArr['media_folder'].$dataArr->video_cover_image }}" width="{{ $moduleAtrArr['img_width']['mid'] }}" class="img-fluid img-thumbnail img-100" />
                </x-link_tooltip>
              </div>
              <x-link class="btn waves-effect waves-light delLink btn-danger btn-mini m-b-10 delLink" url="{{ route('admin.gallery-data.deletefile', [$dataArr->gal_dt_id, $dataArr->video_cover_image, 'video_cover_image']) }}">
                {{ __('admin.remove_txt') }}
              </x-link>
              @endif
              <x-form.field.file id="video_cover_image" name="video_cover_image" />
            </x-form.group_lyt1_2_10>
            @endif
          </div>

          @if( $fldsHide['title'] == $boolFalse )
          <x-form.group_lyt1_2_10 label="{{ __('admin.title_txt') }}" for="title" error="{{ $errors->first('title') }}" required="false">
            <x-form.field.textarea id="title" name="title" value="{{ $dataArr->title }}" rows="2"/>
          </x-form.group_lyt1_2_10>
          @endif

          @if( $fldsHide['descp'] == $boolFalse )
          <x-form.group_lyt1_2_10 label="{{ __('admin.description_txt') }}" for="descp" error="{{ $errors->first('descp') }}" info="{!! __('message.info.descp') !!}">
            <x-form.field.textarea id="descp" name="descp" value="{!! $dataArr->descp !!}" rows="8" class="editor"/>
          </x-form.group_lyt1_2_10>
          @endif

          <x-form.group_lyt1_2_10 label="{{ __('admin.order_txt') }}" for="c_order" error="{{ $errors->first('c_order') }}">
            <x-form.field.text type="number" min="1" id="c_order" name="c_order" value="{{ $dataArr->c_order > 0 ? $dataArr->c_order : '' }}" />
          </x-form.group_lyt1_2_10>

          <x-form.group_lyt1_2_10 label="{{ __('admin.status_txt') }}" for="role" error="{{ $errors->first('status') }}" required="true">
            <select name="status" id="status" class="form-control">
              @foreach($moduleAtrArr['status']['label'] as $key => $status)
              <option value="{{ $key }}" @if((old('status')> 0) && ($key == old('status'))) {{ 'selected' }} @elseif((($dataArr->status > 0) && ($key == $dataArr->status))) {{ 'selected' }} @endif>{{ $status }}</option>
              @endforeach
            </select>
          </x-form.group_lyt1_2_10>

          <div class="row">
            <div class="col-sm-12">
              <x-form.group_lyt1_2_10 class="m-t-10">
                <x-form.field.button id="submit" name="submit" />
                <x-form.field.button type="reset" id="cancel" name="cancel" class="btn-danger" text="{{ __('admin.cancel_txt') }}" />
              </x-form.group_lyt1_2_10>
            </div>
          </div>
        </form>
      </div>
      <!-- end of card-block -->
    </div>
  </div>
</div>
@stop
@push('scripts')
<script src="{{asset('themes/backend/js/gallery.script.js')}}"></script>
<script>
  // File types validate
  var videoFile = document.getElementById('video_file');
  videoFile.onchange = function(e) {
    var ext = this.value.match(/\.([^\.]+)$/)[1];
    switch (ext) {
      case 'mp4':
        break;
      default:
        alert('{{ __("message.warning.validate_file_type") }}');
        this.value = '';
    }
  };
  var videoImage = document.getElementById('video_cover_image');
  videoImage.onchange = function(e) {
    var ext = this.value.match(/\.([^\.]+)$/)[1];
    switch (ext) {
      case 'jpg':
      case 'jpeg':
      case 'png':
        break;
      default:
        alert('{{ __("message.warning.validate_file_type") }}');
        this.value = '';
    }
  };
</script>
@endpush