@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="{{ url('transaction-status-count') }}" title="Go to {{ getTitleInPage() }}" class="tip-bottom">
                Back
            </a>
            <a href="" class="current">
                {{ getTitleInPage() }} : {{ $getStatusName }}
            </a>
           
        </div>
        
    </div>
    <div class="container-fluid" style="float: left;width:90%;">
    <span class="setcheakername"><b>Checker Name : </b> @if($checker_user_id != '') {{ getUserName($checker_user_id) }} @else {{ getUserName(Auth::user()->id) }} @endif <b style="padding-left: 10px;"> Branches Assigned : </b> <a href="javascript:void(0)" class="btn-branch aunderline" data-id="@if($checker_user_id != '') {{ $checker_user_id }} @else {{ Auth::user()->id }} @endif" data-cheaker-name="@if($checker_user_id != '') {{ getUserName($checker_user_id) }} @else {{ getUserName(Auth::user()->id) }} @endif" data-cheaker="all" title="Branch wise summary"> {{ $merchantQueCount }}</a> <img src="{{ asset('admin/img/loadding.gif') }}" class="hide showloading" style="width:3%;"> <span style="float: right;">  <b> Last Refresh : </b>{{ changeDateFormate(Auth::user()->last_refresh_date) }} {{ changeTimeFormate(Auth::user()->last_refresh_date) }} </span></span>
    </div>
    <div class="container-fluid" style="float: left;">
    <div class="quick-actions_homepage" style="margin-top:0px;">           
    <div class="quick-actions_homepage" style="margin-top:0px;">
    
    
    <ul class="quick-actions mytran" style="margin: 8px 0;">
        @if(count(getTransactionUserStatus()))
        @foreach(getTransactionUserStatus() as $key => $status)
        <li class="@if($status->slug == $status_slug) bg_lo @else bg_lh @endif span2" style="width:112px; min-width:0px"> <a href="{{url('transaction-status-count/list/'.$status->slug.'/'.$parent_merchant_id.'/'.$date)}}">  <b> {{ getTransactionBranchStatus($status->slug,$parent_merchant_id,$checker_user_id,$date) }} </b> <br> {{ $status->name }} </a> </li>
        @endforeach
        @endif
    </ul>
</div>
    </div>
  </div>
  <div class="container-fluid branchdrop" style="float: left;width:58%;padding:0px;">
     
    <!--<form action="{{ url('transaction-status-count/list') }}/{{ $status_slug }}" method="post" class="form-horizontal" id="myTransectionUi">-->
    @if($date != null)
    <form action="{{ url('transaction-status-count/list/'.$status_slug.'/'.$parent_merchant_id.'/'.$date)}}" method="post" class="" id="myTransectionUi" style="width:100%;margin-left:20px;">
    @else
    <form action="{{ url('transaction-status-count/list/'.$status_slug.'/'.$parent_merchant_id)}}" method="post" class="" id="myTransectionUi" style="width:100%;margin-left:20px;">
    @endif
    
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
        @if(Auth::user()->is_branch_authorise == 1)
            <div class="control-group branchdrop" style="float: left;border: 0;width:50%;">
                <label class="control-label">Checker :</label>
                    <div class="controls">
                        <select name="checker_user_id" class="span11 checker_user_id searchdata">
                            <option value="all">All</option>
                                @foreach($getCheaker as $cheaker)
                                <option value="{{ $cheaker['id'] }}" {{ ($checker_user_id==$cheaker['id'])?'selected':'' }}>{{ $cheaker['name'] }}</option>
                                @endforeach
                            </select>
                    </div>
            </div>
        @endif
            <div class="control-group branchdrop" style="float: left;border: 0;width:50%;">
                <label class="control-label">Main/Parent Branch:</label>
                    <div class="controls">
                        <select name="parent_merchant_id" class="span11 parent_merchant_id searchdata" required="">
                            <option value="all">All</option>
                                @foreach($merchant as $merchants)
                                <option value="{{ $merchants->id }}" {{ ($parent_merchant_id==$merchants->id)?'selected':'' }}>{{ $merchants->receipt_number_prefix }}-{{ $merchants->ashram_id }}-{{ $merchants->name }}</option>
                                @endforeach
                            </select>
                    </div>
            </div>
                    
    </form>
    </div>
    <div class="container-fluid">
       
        <div class="row-fluid" style="margin-top:0px;">
            <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="widget-box">
                    <div class="widget-title"> <span class="icon"><i class="icon-th"></i></span>
                        <h5>{{ getTitleInPage() }} - List</h5>

                    </div>
                    <div class="widget-content nopadding">
                    @if($date != null)
                        <form action="{{ url('transaction-status-count/list/'.$status_slug.'/'.$parent_merchant_id.'/'.$date)}}" method="post">
                    @else
                        <form action="{{ url('transaction-status-count/list/'.$status_slug.'/'.$parent_merchant_id)}}" method="post">
                    @endif
                    @if($date != null)
                    <input type="hidden" id="site_redirect1" value="transaction-status-count/list/{{$status_slug}}/{{$parent_merchant_id}}/{{$date}}">
                    @else
                    <input type="hidden" id="site_redirect1" value="transaction-status-count/list/{{$status_slug}}/{{$parent_merchant_id}}">
                    @endif
                            
                            <div class="fg-toolbar ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix customhi">
                                <div id="DataTables_Table_0_length" class="dataTables_length">
                                    <label>Show 
                                        <select size="1" name="showPerRecode" id="showPerRecode1">
                                            <option value="10" @if($paginate == '10')selected="selected" @endif>10</option>
                                            <option value="15" @if($paginate == '15')selected="selected" @endif>15</option>
                                            <option value="25" @if($paginate == '25')selected="selected" @endif>25</option>
                                            <option value="50" @if($paginate == '50')selected="selected" @endif>50</option>
                                            <option value="100" @if($paginate == '100')selected="selected" @endif>100</option>
                                        </select> entries</label></div>
                                <div class="dataTables_filter" id="DataTables_Table_0_filter">
                                    <label>Search Transaction ID: <input type="text" name="txtsearchable" id="txtsearchable1" value=@if(isset($txtsearchable))  "{{ $txtsearchable }}" @endif></label>
                                </div>
                            </div>
                        </form>
                        <div id="logTable">
                            @include('Admin.MyTransaction.list-table')
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="sendEmailPhone" class="modal hide" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>Send Message  - <span id="userName1_send">  </span></h3>
        
    </div>
    <div class="modal-body">
    <form action="{{ url('transaction-status-count/sendmsg') }}" id="SendMSGForm" class="form-horizontal" method="post" onsubmit="return validateForm()">
            <input type="hidden" name="_token" class="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="user_id_send" id="user_id_send">
            <input type="hidden" name="send_val" value="email" id="send_val" />
            <input type="hidden" name="tr_date" id="tr_date_send" />
            <input type="hidden" name="merchant_id" id="merchantId_send" />
            <input type="hidden" name="order_id" id="order_id_send" />
            @if($date != null)
                <input type="hidden" name="re_url" value="list/{{$status_slug}}/{{$parent_merchant_id}}/{{$date}}" />
            @else
                <input type="hidden" name="re_url" value="list/{{$status_slug}}/{{$parent_merchant_id}}" />
            @endif
            
            <div class="control-group">
                        <label class="control-label">Send Type :</label>
                        <div class="controls">
                        <label class="sendType"><input type="radio" name="send_type" value="1" checked onclick="hideshowtxt('email');"/> Email</label><label class="sendType">  <input type="radio" name="send_type" value="2" onclick="hideshowtxt('phone_no');"/> SMS</label> <label>  <input type="radio" name="send_type" value="3" onclick="hideshowtxt('whatsapp');"/> Whatsapp</label>
                        </div>
            </div>
            <div class="control-group" id="email">
                        <label class="control-label">Email ID :</label>
                        <div class="controls">
                        <input type="email" name="email_id" id="email_id" value="" readonly/>
                        </div>
            </div>
            <div class="control-group hide" id="phone">
                        <label class="control-label">Phone No:</label>
                        <div class="controls">
                        <input type="text" name="phone_no" id="phone_no" value="" readonly/>
                        </div>
            </div>
            <div class="control-group" id="subjectdiv">
                        <label class="control-label">Subject:</label>
                        <div class="controls">
                        <input type="text" name="subject" id="subject" value="" />
                        <br>
                        <span class="error" id="subject_error"></span>
                        </div>
            </div>
            <div class="control-group">
                        <label class="control-label">Message:</label>
                        <div class="controls">
                        <textarea name="send_message" id="send_message" cols="5" rows="5"></textarea>
                        <br>
                        <span class="error" id="msg_error"></span>
            </div>
            </div>
            <div class="control-group">
                <div class="controls">
                    <button type="submit" class="btn btn-success withOutwhatsapp" id="stateSubmit2">Submit</button>
                    <a href="javascript:;" data-action="share/whatsapp/share" class="btn btn-success withwhatsapp mobileShow hide" onclick="sendWhatsapp();" target="_blank"> Share to whatsapp 	</a> 
                    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                    <img id="loadder" style="display: none;" src="{{url('/public/admin/img/spinner.gif')}}">
                </div>
            </div>
        </form>
        
    </div>
</div>
<div id="ViewModelOpens3data" class="modal hide" aria-hidden="true" tabindex="-1"  style="width:90%;left:24%;top:0%;">
    <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="ViewModelBranchWiseSummary" class="modal hide" aria-hidden="true" tabindex="-1"  style="width:1000px;left:40%;top:5%;">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3> Branch wise summary </h3>
    </div>
    <div class="modal-body" style="max-height: 600px;">
       
        <div class="nopadding">
       <div class="set-branch-summary">
       
       </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')
<script type="text/javascript">
 function showItemsDop(id,divclass){
            $(".showitem"+divclass+"_"+id).toggle();
            $(id).toggleClass("icon-plus icon-minus");
        }
function validateForm(){
     var send_message = $('#send_message').val();
     var subject = $('#subject').val();
     var send_val = $('#send_val').val();
     
     
     if(send_message == ''){
        $('#msg_error').html('Please enter message');
        return false;
     }
     if(send_val == 'email'){
     if(subject == ''){
        $('#subject_error').html('Please enter subject');
        return false;
     }
     }

     if(send_val == 'phone'){
        if(send_message.length > 100){
            $('#msg_error').html('Please enter character limit is 100');
            return false;
        }
     }
 }
 function hideshowtxt(txtType){
    if(txtType == 'email'){
        $('#phone').hide();
        $('#email').show();
        $('#subjectdiv').show();
        $('#send_val').val('email');
        $('.withOutwhatsapp').show();
        $('.withwhatsapp').hide();

    }else if(txtType == 'whatsapp'){
        $('#phone').show();
        $('#email').hide();
        $('#subjectdiv').hide();
        //$('#send_val').val('phone');
        $('.withOutwhatsapp').hide();
        $('.withwhatsapp').show();
    }else{
        $('#phone').show();
        $('#email').hide();
        $('#subjectdiv').hide();
        $('#send_val').val('phone');
        $('.withOutwhatsapp').show();
        $('.withwhatsapp').hide();
        
    }
 }

 $('.btn-branch').live('click', function () {
        trHTML = '';
        $('.showloading').show();
        var id = $.trim($(this).attr("data-id"));
        var cheaker_name = $.trim($(this).attr("data-cheaker-name"));
        var data_cheaker = $(this).attr("data-cheaker");
        $.ajax({
            type: 'GET',
            url: "{{ url('get-branch-summary') }}/" + id+'/'+data_cheaker,
            success: function(data) {
                $('.set-branch-summary').html(data);
                $('#ViewModelBranchWiseSummary').modal('show');
                $('.showloading').hide();
            }
        });
        //$('#cheakerName').html(cheaker_name);
       
        
    });
 $('.btn-cmodal').live('click', function () {
        trHTML = '';
        
        var id = $(this).attr("data-id");
        var user_name = $(this).attr("data-user-name");
        var phone_no = $(this).attr("data-user-phone");
        var email = $(this).attr("data-user-email");
        var merchant_id = $(this).attr("data-merchant-id");
        var tr_date = $(this).attr("data-tr-date");
        var order_id = $(this).attr("data-order-id");

        $('#userName1_send').html(user_name);
        $('#user_id_send').val(id);
        $('#phone_no').val(phone_no);
        $('#email_id').val(email);
        $('#send_message').val('');
        $('#subject').val('');
        $('#merchantId_send').val(merchant_id);
        $('#tr_date_send').val(tr_date);
        $('#order_id_send').val(order_id);
        
    });
function setInvoiceFile(file){
    
    $.ajax({
        type: "POST",
        url: "{{ url('s3-view-file') }}",
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, //Add this <-----
        data: {
            invoice_file: file
        },
        success: function(data) {
            $('.set-file').html("<iframe class='popOutiFrame' src='"+data.response.invoice_file+"'></iframe>");
            $('#ViewModelOpens3data').modal('show');
            //$('#loadiframfile').html('<iframe class="popOutiFrame" src="' + data.response.invoice_file + '"></iframe>');
        }
    });
    
}
function showItems(id){
    $(".showitem_"+id).toggle();
    $("#plustoggle_"+id).toggleClass("icon-minus icon-plus");
    
    //$(this).toggleClass("icon-plus icon-minus");
}
function hideShowDop(){
    $(".commancls").toggle();
    $("#plustoggleDop").toggleClass("icon-minus icon-plus");
    $(".close-all-toggle").toggleClass("icon-minus icon-plus");
    
    
    //$(this).toggleClass("icon-plus icon-minus");
}
$("#showIBTransfer").click(function(){
        $("tr.toggletr").toggle();
        $(this).toggleClass("icon-plus icon-minus");
    });
    function sendMail($id, $email) {
        $('#pemail').val($email)
        $('.order_id').val($id);
    }
    $('.btn-viewmodelmodal').live('click', function() {
        var id = $(this).attr("data-id");
        var user_name = $(this).attr("data-user-name");
        $('#userName').html(user_name);
        $.ajax({
            type: 'GET',
            url: "{{ url('/orders/view-bill') }}/" + id,
            success: function(data) {
                $('#showViewBill').html(data);
            }
        });
    });
    $('.btn-closebill').live('click', function() {
        var id = $(this).attr("data-id");
        var user_name = $(this).attr("data-merchant-name");
        var transactionID = $(this).attr("data-transaction");
        $('.bill_id').val(id);
        $('#userName1').html(user_name);
        $('#transactionID').val(transactionID);
    });
    $(document).ready(function() {

        $('select[name="merchant_id"]').on('change', function() {
            $('#cashBookForm').submit();
        });
        $('select[name="parent_merchant_id"]').on('change', function() {
            
            //window.location.href= "{{ url('transaction-status-count/list') }}/{{$status_slug}}/"+this.value+"/{{$date}}";
            window.location.href= "{{ url('transaction-status-count/list') }}/{{$status_slug}}/"+this.value;
            //$('#myTransectionUi').submit();
        });
        $('select[name="checker_user_id"]').on('change', function() {
            $('#myTransectionUi').submit();
        });
        $('select[name="month"]').on('change', function() {
            $('#cashBookForm').submit();
        });
        $('input[name="to_date"]').on('blur', function() {
            //$('#cashBookForm').submit();
        });

    });
    function sendWhatsapp() { 
  
  // Getting user input 
  var message = $('#send_message').val();
  var phone_no = $("input[name=phone_no]").val(); 
  $('#msg_error').html();
  if(message == ''){
    $('#msg_error').html('Please enter message');
    return false;
  }else{
    location.href = "whatsapp://send?phone=+91 "+phone_no+"&text=" + message;
   /* window.open( 
        "whatsapp://send?phone=+91 "+phone_no+"&text=" + message, 
      //'_blank'  
      ); */
  }
 
} 
$("#txtsearchable1").keypress(function() {

var keyword = $('#txtsearchable1').val();
var showPerRecode = $('#showPerRecode1').val();
var url = $("#site_redirect1").val();
if (keyword.length >= 0) {
    $.ajax({
        type: "POST",
        url: "{{ url('') }}/"+url,
        //headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, //Add this <-----
        data: {
            keyword: keyword,
            showPerRecode: showPerRecode,
            ajaxLoad: 1,
            _token : '{{ csrf_token() }}'
        },
        success: function(data) {
            $('#logTable').html(data);
        }
    });
}
});

$("#txtsearchable1").keyup(function() {
var keyword = $('#txtsearchable1').val();
var showPerRecode = $('#showPerRecode1').val();
var url = $("#site_redirect1").val();

if (keyword.length >= 0) {
    $.ajax({
        type: "POST",
        url: "{{ url('') }}/"+url,
        //headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, //Add this <-----
        data: {
            keyword: keyword,
            showPerRecode: showPerRecode,
            ajaxLoad: 1,
            _token : '{{ csrf_token() }}'
        },
        success: function(data) {
            $('#logTable').html(data);
        }
    });
}
});

$("#showPerRecode1").change(function() {

var keyword = $('#txtsearchable1').val();
var showPerRecode = $(this).val();
var url = $("#site_redirect1").val();

$.ajax({
    type: "POST",
    url: "{{ url('') }}/"+url,
    //headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, //Add this <-----
    data: {
        keyword: keyword,
        showPerRecode: showPerRecode,
        ajaxLoad: 1,
        _token : '{{ csrf_token() }}'
    },
    success: function(data) {
        $('#logTable').html(data);
    }
});

});
</script>
@parent
@endsection