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

@section('breadcrumb')
{{ Breadcrumbs::render('gallerydata.create', $galleryId) }}
@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">{{ __('gallery.add_txt') }}</h5>
      </div>
      <div class="card-block">
        <x-form.alert type="{{ session()->get('alert') }}" title="{{ session()->get('title') }}" message="{{ session()->get('message') }}" />

        <form name="aeDataFrm" id="aeDataFrm" action="{{ route('admin.gallery-data.store.custom', $galleryId)}}" 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 }}" {{ ( $optValMt == old('gallery_data_type') ) ? 'selected' : '' }}>{{ $moduleAtrArr['media_type']['text'][$optValMt] }}</option>
                @endif
              @endforeach
            </select>
          </x-form.group_lyt1_2_10>

          <div class="{{ old('gallery_data_type') == $moduleAtrArr['media_type']['value']['0'] ? "show-scn" : "hide-scn" }}" 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) }}">
                  {{ __('admin.browse_media_txt') }}
                </x-link_media_popup>
                <x-form.field.hidden value="" 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 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) }}">
                  {{ __('admin.browse_media_txt') }}
                </x-link_media_popup>
                <x-form.field.hidden value="" 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 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="{{ old('external_link') }}" />
            </x-form.group_lyt1_2_10>
            @endif
          </div>

          <div class="{{ old('gallery_data_type') == $moduleAtrArr['media_type']['value']['1'] ? "show-scn" : "hide-scn" }}" 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] }}" {{ ( $moduleAtrArr['video_type']['value'][$key] == old('video_from') ) ? 'selected' : '' }}>{{ $moduleAtrArr['video_type']['text'][$moduleAtrArr['video_type']['value'][$key]] }}</option>
                @endforeach
              </select>
            </x-form.group_lyt1_2_10>

            <div class="{{ old('video_from') == $moduleAtrArr['video_type']['value']['0'] ? "show-scn" : "hide-scn" }}" 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') }}">
                <x-form.field.file id="video_file" name="video_file" />
              </x-form.group_lyt1_2_10>
            </div>

            <div class="{{ old('video_from') == $moduleAtrArr['video_type']['value']['1'] ? "show-scn" : "hide-scn" }}" 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="{{ old('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') !!}">
              <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="{{ old('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="{!! old('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="{{ old('c_order') > 0 ? old('c_order') : '' }}" />
          </x-form.group_lyt1_2_10>

          <x-form.group_lyt1_2_10 label="{{ __('admin.status_txt') }}" for="status" error="{{ $errors->first('status') }}" required="true">
            <select id="status" class="form-control" name="status">
              @foreach($moduleAtrArr['status']['label'] as $key => $status)
              <option value="{{ $key }}" {{ ( $key == old('status') ) ? 'selected' : '' }}>{{ $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