@extends('web.layouts.mains')
@section('content')

 <div class="inner_header">
        <div class="container">
            <ul class="page_links">
                <li>
                    <a href="{{url(getCurrentLocale().'/')}}">{{__('web.home')}}</a>
                </li>
                <li>
                    <a href="{{url(getCurrentLocale().'/files')}}">{{__('web.files')}}</a>
                </li>
            </ul>
            <h3 class="text-center text-light mt-5">{{__('web.files')}}</h3>
        </div>
        <img src="{{url('')}}/assets/web/images/inner_nav_shap.png" alt="" class="l_shap">
        <img src="{{url('')}}/assets/web/images/inner_nav_shap.png" alt="" class="r_shap">
    </div>

    <!--Contents-->
    <main>
        <!-- -------------- files   --------------- -->
        <section class="files">
            <div class="container">
                <div class="row">
                    @foreach($files as $row)
                    <div class="col-lg-3">
                        <div class="items">
                            <div class="img">
                                <img src="{{url('')}}/assets/web/images/file_items.png" alt="">
                            </div>
                            <a  class="download">{{filename($row->id)}}</a>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </section>
    </main>

@push('js')
<script>
  function savedate(elem){
          event.preventDefault();
   
         let action = $(elem).attr('action');
       
       let urls = action;
       
       let dataform = new FormData( $(elem)[0]);
        
     
      $.ajax({
          url : urls,
          type: 'POST',              
          data: dataform,
          contentType: false, 
          processData: false, 
          success:function(data)
          {
            
            $("#modal_success").modal('show');
            window.setTimeout(function(){location.reload()},1000)
               }
          ,error: function (data) {
              
              $('#modal_fail').modal('show');
              $('.is-invalid').removeClass('is-invalid');
   $.each(data.responseJSON.errors, function(key,value) {
     
     $('#'+key).addClass('is-invalid');
     
 }); 
 
 
 
}
        })


    }
    function changetime(elem){
        let id = $(elem).val();
       
       
       
     
      $.ajax({
          url : {!! json_encode(url(getCurrentLocale().'/dates/')) !!}+'/'+id,
          type: 'GET',              
          data: 'dataform',        
          dataType: 'json',
         
          success:function(data)
          {
              
              $('#date').html(data.date);
            $('#time_date').html(data.date_time+', <span >'+data.time+' <small><b>'+data.type+'</b></small></span>');
            
               }
          
        })


    }
</script>
@endpush
@stop