@extends('Admin.master_layout.master')
@section('title', getTitleInPage())
@section('header_menu')
@parent
@endsection
@section('sidebar_menu')
@parent
@endsection

@section('content')
<div id="content">
    <div id="content-header">
        <div id="breadcrumb">
            <a href="{{ url('/') }}" title="Go to Home" class="tip-bottom">
                <i class="icon-home"></i> Home
            </a>
            <a href="{{ gotoback() }}" title="Go to Back" class="tip-bottom">
                Back
            </a>
            <a href="{{ url('day-book') }}/{{$date}}" class="current">
                {{ getTitleInPage() }}
            </a>
        </div>
        <h1>Documents</h1>
    </div>
    <div class="container-fluid">
        <hr>
        <div class="row-fluid">
            <div class="span12">
                @if (Session::has('message'))
                <div class="alert alert-info">{!! Session::get('message') !!}</div>
                @endif
                @if (Session::has('error'))
                <div class="alert alert-danger">{!! Session::get('error') !!}</div>
                @endif
                @if (Session::has('success'))
                <div class="alert alert-success">{!! Session::get('success') !!}</div>
                @endif
               
                <div class="span2">  
            </div>
            <!-- start show without draft data-->
            
    <div class="hideDraftdiv">
            <div class="span11">
                            
                <input type="hidden" value="desc" id="txtsortbyname" >
                <input type="hidden" value="tile" id="shorttypelist">
                <img class="daybook-tool-icon ShowDraft" src="{{ asset('admin/img/green-8.png') }}">
                <img class="daybook-tool-icon datepickerOrder" src="{{ asset('admin/img/calendar.png') }}">
                <img class="daybook-tool-icon syncDaybook" src="{{ asset('admin/img/sync-1.jpg') }}">
                
                <div class="dropdown show" style="float:right;">
                    <a class="dropdown-toggle" href="javascript:;" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <img class="daybook-tool-icon shorybyDaybook" src="{{ asset('admin/img/ascending-sort.svg') }}">
                    </a>

                <div class="dropdown-menu topcls" aria-labelledby="dropdownMenuLink">
                    <a class="dropdown-item" href="javascript:;">Sort By</a>
                    <a class="dropdown-item1 sortbyname" href="javascript:;">Name</a>
                    <a class="dropdown-item1 sortbyfiletype" href="javascript:;">File Type</a>
                    <a class="dropdown-item1 sortbySize" href="javascript:;">Size</a>
                    <a class="dropdown-item sortbyTile" href="javascript:;">Tile</a>
                    <a class="dropdown-item sortbyList" href="javascript:;">List</a>
                </div>
                </div>
                <br>
                <div style="padding-left: 33px;"> 
                <a href="{{ url('day-book') }}/{{$date}}" class="btn btn-primary btn-mini">Back</a><br>
                   <b> Documents: </b> {{ $liveDataCount }} | <b> Date:</b> {{ changeDateFormate($date) }}<br>
                   <b> Last Sync Date :</b> {{ $lastdate }}<br>
                   <b> {{ $branchName }} </b>
                </div>
            </div>
    </div>
    <!-- end show without draft data-->
    <!-- start show with draft data-->
    <div class="ShowDraftdiv hide">
            <div class="span11">
                <img class="daybook-tool-icon hideDraft" src="{{ asset('admin/img/gray-8.png') }}">
                <img class="daybook-tool-icon datepickerOrder" src="{{ asset('admin/img/calendar.png') }}">
                <img class="daybook-tool-icon syncDaybook" src="{{ asset('admin/img/sync-1.jpg') }}">
                <div class="dropdown show" style="float:right;">
                    <a class="dropdown-toggle" href="javascript:;" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <img class="daybook-tool-icon shorybyDaybook" src="{{ asset('admin/img/ascending-sort.svg') }}">
                    </a>

                <div class="dropdown-menu topcls" aria-labelledby="dropdownMenuLink">
                    <a class="dropdown-item" href="javascript:;">Sort By</a>
                    <a class="dropdown-item1 sortbynamedraft" href="javascript:;">Name</a>
                    <a class="dropdown-item1 sortbyfiletypedraft" href="javascript:;">File Type</a>
                    <a class="dropdown-item1 sortbySizedraft" href="javascript:;">Size</a>
                    <a class="dropdown-item sortbyTiledraft" href="javascript:;">Tile</a>
                    <a class="dropdown-item sortbyListdraft" href="javascript:;">List</a>
                </div>
                </div>
                <br>
                <div style="padding-left: 33px;"> 
                <a href="{{ url('day-book') }}/{{$date}}" class="btn btn-primary btn-mini">Back</a><br>
                   <b> Documents: </b> {{ $draftDataCount }} | <b> Date:</b> {{ changeDateFormate($date) }}<br>
                   <b> Last Sync Date :</b> {{ $lastdate }}<br>
                   <b> {{ $branchName }} </b>
                </div>
            </div>
    </div>
    <!-- end show withdraft data-->
               

    <div class="span12">
        <div class="widget-box">
          <div class="widget-title"> <span class="icon"> <img src="{{ asset('admin/img/folder.png') }}" style="width:20px;"> </span>
            <h5>Document</h5>
          </div>
          <div class="widget-content">
          
            <ul class="thumbnails hideDraftdiv" id="livedatasort">
              @if(count($liveData) > 0)
              @foreach($liveData as $key => $val)
              @php
                $fileExe = explode('.',$val->invoice_file_name);
              @endphp
              <input type="hidden" id="{{ $key }}_metadata" value="{{ json_encode($val->meta_data) }}" />
              <input type="hidden" id="{{ $key }}_dopName" value="@if(isset($val->meta_data->dop_name)) {{ $val->meta_data->dop_name }} @elseif(isset($val->meta_data->transaction_type_name)) {{ $val->meta_data->transaction_type_name }} @else {{ $val->meta_data->transaction_slug }} @endif" />
             
              <li class="span3 sortbytileui">
                
                <div class="floatleftimg">
                <a title="{{ $val->invoice_file_name }}" href="javascript:;"> 
                    @if(isset($fileExe[1]) && $fileExe[1] == 'pdf')
                        <img src="{{ url('admin/img/pdf.png') }}" alt="{{ $val->invoice_file_name }}" data-loop-key="{{ $key }}" class="s3img get-s3-d" href="javascript:void(0)" data-toggle="modal" data-filenname="{{ $val->invoice_file_name }}"  data-key="{{ $val->key }}" data-Size="{{ $val->Size }}" data-orientation="{{ $val->orientation }}" data-file="{{ $val->invoice_file }}" data-date-time="{{ $val->LastModified }}" data-target="#ViewModels3data">
                    @else
                        <img src="{{ $val->invoice_file }}" alt="{{ $val->invoice_file_name }}" class="s3img get-s3-d"  data-loop-key="{{ $key }}" href="javascript:void(0)" data-toggle="modal" data-filenname="{{ $val->invoice_file_name }}"  data-key="{{ $val->key }}" data-Size="{{ $val->Size }}" data-orientation="{{ $val->orientation }}" data-file="{{ $val->invoice_file }}" data-date-time="{{ $val->LastModified }}" data-target="#ViewModels3data">
                    @endif
                </a>
                </div>
                <div>
                    <span><b>@if(isset($val->meta_data->transaction_slug))  {{ $val->date }}-{{ $val->meta_data->transaction_slug }}.{{ $val->filetype }}  @endif</b></span><br>
                    <span>@if(isset($val->Size)) {{ $val->Size }} @endif</span>
                </div>
              </li>

              <li class="span4 sortbylistui hide">
                
                <div class="floatleftimg">
                <a title="{{ $val->invoice_file_name }}" href="javascript:;"> 
                    @if(isset($fileExe[1]) && $fileExe[1] == 'pdf')
                        <img src="{{ url('admin/img/pdf.png') }}" alt="{{ $val->invoice_file_name }}"  data-loop-key="{{ $key }}" class="s3img1 get-s3-d" href="javascript:void(0)" data-toggle="modal" data-filenname="{{ $val->invoice_file_name }}"  data-key="{{ $val->key }}" data-Size="{{ $val->Size }}" data-orientation="{{ $val->orientation }}" data-file="{{ $val->invoice_file }}" data-date-time="{{ $val->LastModified }}" data-target="#ViewModels3data">
                    @else
                    <img src="{{ url('admin/img/Photos-app-icon-256-colorful.png') }}" alt="{{ $val->invoice_file_name }}"  data-loop-key="{{ $key }}" class="s3img1 get-s3-d" href="javascript:void(0)" data-toggle="modal" data-filenname="{{ $val->invoice_file_name }}"  data-key="{{ $val->key }}" data-Size="{{ $val->Size }}" data-orientation="{{ $val->orientation }}" data-file="{{ $val->invoice_file }}" data-date-time="{{ $val->LastModified }}" data-target="#ViewModels3data">
                    @endif
                </a>
                </div>
                <div>
                    <span>{{ $val->date }}-{{ $val->meta_data->transaction_slug }}@if(isset($val->meta_data->dop_name))-@php $slug = strtolower($val->meta_data->dop_name); @endphp{{ str_replace(" ", "-", $slug) }}@endif.{{ $val->filetype }}</span>
                </div>
              </li>
              @endforeach
              @endif
             
              
            </ul>

            <ul class="thumbnails ShowDraftdiv hide" id="draftdatasort">
              @if(count($draftData) > 0)
              @foreach($draftData as $key => $val)
              @php
                $fileExe = explode('.',$val->invoice_file_name);
              @endphp
              <input type="hidden" id="d{{ $key }}_metadata" value="{{ json_encode($val->meta_data) }}" />
              <input type="hidden" id="d{{ $key }}_dopName" value="@if(isset($val->meta_data->dop_name)) {{ $val->meta_data->dop_name }} @elseif(isset($val->meta_data->transaction_type_name)) {{ $val->meta_data->transaction_type_name }} @else {{ $val->meta_data->transaction_slug }} @endif" />
              <li class="span3 sortbytileuidraft">
                
                <div class="floatleftimg">
                <a title="{{ $val->invoice_file_name }}" href="javascript:;"> 
                    @if(isset($fileExe[1]) && $fileExe[1] == 'pdf')
                        <img src="{{ url('admin/img/pdf.png') }}" alt="{{ $val->invoice_file_name }}" data-loop-key="d{{ $key }}" class="s3img get-s3-d" href="javascript:void(0)" data-toggle="modal" data-filenname="{{ $val->invoice_file_name }}"  data-file="{{ $val->invoice_file }}" data-key="{{ $val->key }}" data-Size="{{ $val->Size }}" data-orientation="{{ $val->orientation }}" data-date-time="{{ $val->LastModified }}" data-target="#ViewModels3data">
                    @else
                        <img src="{{ $val->invoice_file }}" alt="{{ $val->invoice_file_name }}" data-loop-key="d{{ $key }}" class="s3img get-s3-d" href="javascript:void(0)" data-toggle="modal" data-filenname="{{ $val->invoice_file_name }}"  data-file="{{ $val->invoice_file }}" data-key="{{ $val->key }}" data-Size="{{ $val->Size }}" data-orientation="{{ $val->orientation }}" data-date-time="{{ $val->LastModified }}" data-target="#ViewModels3data">
                    @endif
                </a>
                </div>
                <div>
                    <span><b>{{ $val->date }}-{{ $val->meta_data->transaction_slug }}.{{ $val->filetype }}</b></span><br>
                    <span>{{ $val->Size }}</span>
                </div>
              </li>

              <li class="span4 sortbylistuidraft hide">
                
                <div class="floatleftimg">
                <a title="{{ $val->invoice_file_name }}" href="javascript:;"> 
                    @if(isset($fileExe[1]) && $fileExe[1] == 'pdf')
                        <img src="{{ url('admin/img/pdf.png') }}" alt="{{ $val->invoice_file_name }}" class="s3img1 get-s3-d" data-loop-key="d{{ $key }}" href="javascript:void(0)" data-toggle="modal" data-filenname="{{ $val->invoice_file_name }}"  data-file="{{ $val->invoice_file }}" data-key="{{ $val->key }}" data-Size="{{ $val->Size }}" data-orientation="{{ $val->orientation }}" data-date-time="{{ $val->LastModified }}" data-target="#ViewModels3data">
                    @else
                    <img src="{{ url('admin/img/Photos-app-icon-256-colorful.png') }}" alt="{{ $val->invoice_file_name }}" data-loop-key="d{{ $key }}" class="s3img1 get-s3-d" href="javascript:void(0)" data-toggle="modal" data-filenname="{{ $val->invoice_file_name }}"  data-file="{{ $val->invoice_file }}" data-key="{{ $val->key }}" data-Size="{{ $val->Size }}" data-orientation="{{ $val->orientation }}" data-date-time="{{ $val->LastModified }}" data-target="#ViewModels3data">
                    @endif
                </a>
                </div>
                <div>
                    <span>{{ $val->date }}-{{ $val->meta_data->transaction_slug }}@if(isset($val->meta_data->dop_name))-@php $slug = strtolower($val->meta_data->dop_name); @endphp{{ str_replace(" ", "-", $slug) }}@endif.{{ $val->filetype }}</span>
                </div>
              </li>
              @endforeach
              @endif
             
              
            </ul>
          </div>
        </div>
      </div>
             
            </div>
        </div>
    </div>
</div>

<div id="ViewModels3data" class="modal hide" aria-hidden="true" tabindex="-1"  style="width:500px;left:54%;top:5%;">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3 class="filename">  </h3>
    </div>
    <div class="modal-body" style="max-height: 600px;">
        <input type="hidden" value="" id="properties-image-path" />
        <input type="hidden" value="" id="properties-name" />
        <input type="hidden" value="" id="properties-date-time" />
        <input type="hidden" value="" id="properties-size" />
        <input type="hidden" value="" id="properties-orientation" />
        <input type="hidden" value="" id="open-file" />
        <input type="hidden" value="" id="s3-metadata" />
        <input type="hidden" valie="" id="s3-dopname" />
        
        <div class="nopadding">
        <div class="todo">
              <ul>
                <li class="clearfix">
                  <div class="txt">
                  <a href="javascript:;" class="get-s3-properties"><strong>Properties</strong></a>
                  </div>
                 
                </li>
                <li class="clearfix">
                  <div class="txt">
                  <a href="javascript:;" class="get-s3-Open"><strong>Open</strong></a>
                 </div>
                </li>
               
                <li class="clearfix">
                <a href="javascript:;" class="get-s3-data-in-file"><strong>Data in file</strong></a>
                </li>
                <li class="clearfix">
                </li>
               <!-- <li class="clearfix">
                  <div class="txt"> <b>Share </b></div>
                </li>
                <li class="clearfix">
                  <div class="txt"><b> Edit Tags </b></div>
                </li>-->
               
              </ul>
            </div>
        
       
        <div class="control-group">
                <div class="controls">
                    <button class="btn pull-right" data-dismiss="modal" aria-hidden="true" >Close</button>
                </div>
        </div>

            </div>
    </div>
</div>


<div id="ViewModelPropertiess3data" class="modal hide" aria-hidden="true" tabindex="-1"  style="width:500px;left:54%;top:5%;">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3> Document Data </h3>
    </div>
    <div class="modal-body" style="max-height: 600px;">
       
        <div class="nopadding">
        <div class="todo">
              <ul>
                <li class="clearfix">
                  <div class="txt">
                      <b> Image Path</b><br>
                      <span class="set-properties-image-path"></span>
                   </div>
                </li>
                <li class="clearfix">
                  <div class="txt"><b>Name </b><br>
                  <span class="set-properties-name"></span>
                </div>
                </li>
                <li class="clearfix">
                  <div class="txt"> <b>Date | Time</b><br>
                  <span class="set-properties-date-time"></span>
                </div>
                </li>
                <li class="clearfix">
                  <div class="txt"> <b>Orientation</b><br>
                  <span class="set-properties-orientation"></span>
                </div>
                </li>
                <li class="clearfix">
                  <div class="txt"> <b>Size</b><br>
                  <span class="set-properties-size"></span>
                </div>
                </li>
              </ul>
            </div>
        
       
        <div class="control-group">
                <div class="controls">
                    <button class="btn pull-right" data-dismiss="modal" aria-hidden="true" >Close</button>
                </div>
        </div>

            </div>
    </div>
</div>

<div id="ViewModelOpens3data" class="modal hide" aria-hidden="true" tabindex="-1"  style="width:900px;left:40%;top:5%;">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3> View Document </h3>
    </div>
    <div class="modal-body" style="max-height: 600px;">
       
        <div class="nopadding">
       <div class="set-file">
       
       </div>
       
        <div class="control-group">
                <div class="controls">
                    <button class="btn pull-right" data-dismiss="modal" aria-hidden="true" >Close</button>
                </div>
        </div>

            </div>
    </div>
</div>
<div id="ViewModeldatainfo" class="modal hide" aria-hidden="true" tabindex="-1"  style="width:500px;left:54%;top:5%;">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3 id="dataNameS3"> </h3>
    </div>
    <div class="modal-body" style="max-height: 600px;">
       
        <div class="nopadding">
       <div class="set-s3-data">
       
       </div>
       
        <div class="control-group">
                <div class="controls">
                    <button class="btn pull-right" data-dismiss="modal" aria-hidden="true" >Close</button>
                </div>
        </div>

            </div>
    </div>
</div>
@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')

<link href="{{ asset('admin/datepicker/bootstrap-datepicker.min.css') }}" rel='stylesheet' type='text/css'>
<script src="{{ asset('admin/datepicker/bootstrap-datepicker.min.js') }}"></script>

<script type="text/javascript">
$('.datepickerOrder').datepicker({
            orientation: "bottom right",
            format: "yyyy-mm-dd",
            startDate: new Date('{{$openStartDate}}'),
            endDate: new Date('{{$openEndDate}}')
    }).on("changeDate", function(e) {
            var day1 = e.date.getDate();
            var month1 = e.date.getMonth()+1;
            var year1 = e.date.getFullYear();
                if (day1 < 10) {
                    day1 = "0" + day1;
                }
                if (month1 < 10) {
                    month1 = "0" + month1;
                }
            var daybookdate1 = year1+'-'+month1+'-'+day1;
           
            window.location.href = "{{ url('day-book/s3data') }}/{{ $merchant_id }}/"+daybookdate1;
            console.log("Date changed: ",year1+'-'+month1+'-'+day1);
            console.log("Date changed: ",e);
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script type="text/javascript">  
 $(document).ready(function() {
 $('.get-s3-properties').click(function() {

    var propertiesImagePath = $('#properties-image-path').val();
    var propertiesName = $('#properties-name').val();
    var propertiesDateTime = $('#properties-date-time').val();
    var propertiesSize = $('#properties-size').val();
    var orientation = $('#properties-orientation').val();
    
    $('.set-properties-image-path').html(propertiesImagePath);
    $('.set-properties-name').html(propertiesName);
    $('.set-properties-date-time').html(propertiesDateTime);
    $('.set-properties-size').html(propertiesSize);
    $('.set-properties-orientation').html(orientation);
    $('#ViewModels3data').modal('hide');
    $('#ViewModelPropertiess3data').modal('show');
    

});

$('.get-s3-data-in-file').click(function() {
    var s3metadata = $('#s3-metadata').val();
    var s3dopname = $('#s3-dopname').val();
    $('#dataNameS3').html(s3dopname);
    
    $.ajax({
        type: "POST",
        url: "{{url('set-s3-metadata')}}",
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, //Add this <-----
        data: {
            s3metadata: s3metadata
            },
            success: function(data) {
                console.log(data);
                $('.set-s3-data').html(data);
                $('#ViewModels3data').modal('hide');
                $('#ViewModeldatainfo').modal('show');
            }
        });
   
    
});
$('.get-s3-Open').click(function() {
    var openfile = $('#open-file').val();
    $('.set-file').html("<iframe class='popOutiFrame' src='"+openfile+"'></iframe>");
    
    $('#ViewModels3data').modal('hide');
    $('#ViewModelOpens3data').modal('show');
    
});
$('.syncDaybook').click(function() {
    var merchant_id  =  '{{ $merchant_id  }}';
    var date = '{{$date}}';
    $.ajax({
            type: 'GET',
            url: "{{ url('day-book-sync/s3data') }}/" + merchant_id+"/"+date,
            success: function(data) {
               if(data == 'true'){
                window.location.href = "{{ url('day-book/s3data') }}/{{ $merchant_id }}/{{$date}}";
               }
            }
    });
});

$('.sortbyList').click(function() {
    $('.sortbytileui').hide();
    $('.sortbylistui').show();
    $('#shorttypelist').val('list');
    
});
$('.sortbyTile').click(function() {
    
    $('.sortbytileui').show();
    $('.sortbylistui').hide();
    $('#shorttypelist').val('tile');
    
});
$('.sortbyListdraft').click(function() {
    $('.sortbytileuidraft').hide();
    $('.sortbylistuidraft').show();
    $('#shorttypelist').val('list');
    
});
$('.sortbyTiledraft').click(function() {
    $('.sortbytileuidraft').show();
    $('.sortbylistuidraft').hide();
    $('#shorttypelist').val('tile');
   
});

$('.sortbyname').click(function() {
    var merchant_id  =  '{{ $merchant_id  }}';
    var date = '{{$date}}';
    var sortby = $('#txtsortbyname').val();
    var shorttypelist = $('#shorttypelist').val();
        if(sortby == 'asc'){
            $('#txtsortbyname').val('desc');
        }else{
            $('#txtsortbyname').val('asc');
        }
    $.ajax({
        type: "POST",
        url: "{{url('daybook-sort-by')}}",
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, //Add this <-----
        data: {
            merchant_id: merchant_id,
            date: date,
            sortby: sortby,
            sorttype: 'name',
            shorttypelist: shorttypelist,
            livedata: 1,
            },
            success: function(data) {
                $('#livedatasort').html(data);
            }
        });
});
$('.sortbyfiletype').click(function() {
    var merchant_id  =  '{{ $merchant_id  }}';
    var date = '{{$date}}';
    var sortby = $('#txtsortbyname').val();
    var shorttypelist = $('#shorttypelist').val();
        if(sortby == 'asc'){
            $('#txtsortbyname').val('desc');
        }else{
            $('#txtsortbyname').val('asc');
        }
    $.ajax({
        type: "POST",
        url: "{{url('daybook-sort-by')}}",
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, //Add this <-----
        data: {
            merchant_id: merchant_id,
            date: date,
            sortby: sortby,
            sorttype: 'filetype',
            shorttypelist: shorttypelist,
            livedata: 1,
            },
            success: function(data) {
                $('#livedatasort').html(data);
            }
        });
});
$('.sortbySize').click(function() {
    var merchant_id  =  '{{ $merchant_id  }}';
    var date = '{{$date}}';
    var sortby = $('#txtsortbyname').val();
    var shorttypelist = $('#shorttypelist').val();
        if(sortby == 'asc'){
            $('#txtsortbyname').val('desc');
        }else{
            $('#txtsortbyname').val('asc');
        }
    $.ajax({
        type: "POST",
        url: "{{url('daybook-sort-by')}}",
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, //Add this <-----
        data: {
            merchant_id: merchant_id,
            date: date,
            sortby: sortby,
            shorttypelist: shorttypelist,
            sorttype: 'Size',
            livedata: 1,
            },
            success: function(data) {
                $('#livedatasort').html(data);
            }
        });
});
$('.sortbynamedraft').click(function() {
    var merchant_id  =  '{{ $merchant_id  }}';
    var date = '{{$date}}';
    var sortby = $('#txtsortbyname').val();
    var shorttypelist = $('#shorttypelist').val();
        if(sortby == 'asc'){
            $('#txtsortbyname').val('desc');
        }else{
            $('#txtsortbyname').val('asc');
        }
    $.ajax({
        type: "POST",
        url: "{{url('daybook-sort-by')}}",
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, //Add this <-----
        data: {
            merchant_id: merchant_id,
            date: date,
            sortby: sortby,
            shorttypelist: shorttypelist,
            sorttype: 'name',
            livedata: 0,
            },
            success: function(data) {
                $('#draftdatasort').html(data);
            }
        });
});
$('.sortbyfiletypedraft').click(function() {
    var merchant_id  =  '{{ $merchant_id  }}';
    var date = '{{$date}}';
    var sortby = $('#txtsortbyname').val();
    var shorttypelist = $('#shorttypelist').val();
        if(sortby == 'asc'){
            $('#txtsortbyname').val('desc');
        }else{
            $('#txtsortbyname').val('asc');
        }
    $.ajax({
        type: "POST",
        url: "{{url('daybook-sort-by')}}",
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, //Add this <-----
        data: {
            merchant_id: merchant_id,
            date: date,
            sortby: sortby,
            sorttype: 'filetype',
            shorttypelist: shorttypelist,
            livedata: 0,
            },
            success: function(data) {
                $('#draftdatasort').html(data);
            }
        });
});
$('.sortbySizedraft').click(function() {
    var merchant_id  =  '{{ $merchant_id  }}';
    var date = '{{$date}}';
    var sortby = $('#txtsortbyname').val();
    var shorttypelist = $('#shorttypelist').val();
        if(sortby == 'asc'){
            $('#txtsortbyname').val('desc');
        }else{
            $('#txtsortbyname').val('asc');
        }
    $.ajax({
        type: "POST",
        url: "{{url('daybook-sort-by')}}",
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, //Add this <-----
        data: {
            merchant_id: merchant_id,
            date: date,
            sortby: sortby,
            shorttypelist: shorttypelist,
            sorttype: 'Size',
            livedata: 0,
            },
            success: function(data) {
                $('#draftdatasort').html(data);
            }
        });
});
$('.ShowDraft').click(function() {
        $('.hideDraftdiv').hide();
        $('.ShowDraftdiv').show();
    });
    $('.hideDraft').click(function() {
        $('.ShowDraftdiv').hide();
        $('.hideDraftdiv').show();
    });

    $('.get-s3-d').click(function() {

        
        var imag_path = $(this).attr("data-key");
        var filenname = $(this).attr("data-filenname");
        var Size = $(this).attr("data-Size");
        var date_time = $(this).attr("data-date-time");
        var orientation = $(this).attr("data-orientation");
        var fileurl = $(this).attr("data-file");
        var loopkey = $(this).attr("data-loop-key");
        var s3metadata1 = $('#'+loopkey+'_metadata').val();
        var getdopname = $('#'+loopkey+'_dopName').val();
        
        $('.filename').html(filenname);
        $('#properties-image-path').val(imag_path);
        $('#properties-name').val(filenname);
        $('#properties-date-time').val(date_time);
        $('#properties-size').val(Size);
        $('#properties-orientation').val(orientation);
        $('#open-file').val(fileurl);
        $('#s3-metadata').val(s3metadata1);
        $('#s3-dopname').val(getdopname);
});

});
</script>
@parent
@endsection