@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="" class="current">
                {{ getTitleInPage() }}
            </a> 
        </div>
        <h1>{{ getTitleInPage() }}</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="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">
                    <form action="{{ url('branch-report') }}" method="post">
                            <input type="hidden" id="site_redirect" value="branch-report">
                            <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="showPerRecode">
                                            <option value="10" @if($paginate == '10')selected="selected" @endif>10</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>Branch Search: <input type="text" name="txtsearchable" id="txtsearchable" value=@if(isset($txtsearchable))  "{{ $txtsearchable }}" @endif></label>
                                </div>-->
                            </div>
                        </form>
                        <div id="logTable">
                            @include('Admin.BranchReport.index-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('branch-report/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" />
            <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:97%;left:20%;top:5%;">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3> View Document </h3>
    </div>
    <div class="modal-body viewPopUpfile" style="max-height: 600px;">
       
        <div class="nopadding">
       <div class="set-file">
        <iframe class='popOutiFrame' id='myiFrame' src=''></iframe>
       </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="deviceModel" class="modal hide" aria-hidden="true" tabindex="-1">
    <div class="modal-header">
        <button data-dismiss="modal" class="close" type="button">×</button>
        <h3>Device List On - <span id="deviceMobileNo"></span></h3>
    </div>
    <div class="modal-body viewBodyDevice" style="min-height: 500px">
        
    </div>
</div>
@endsection

@section('footer')
@parent
@endsection

@section('extraa_script_and_js')

<script type="text/javascript">
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) {
            $('#myiFrame').attr('src',data.response.invoice_file);
            //$('.set-file').html("<iframe name='iframe1'  class='popOutiFrame' id='myiFrame' src='"+data.response.invoice_file+"'></iframe>");
            $('#ViewModelOpens3data').modal('show');
        }
    });
    
}


$('iframe').on("load", function () {
  //  $(this).contents().find('img').css({'max-width': '100%', 'max-height': '100%'});
});
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 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'  
      ); */
  }
 
} 
$('.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");
        
        $('#userName1_send').html(user_name);
        $('#user_id_send').val(id);
        $('#phone_no').val(phone_no);
        $('#email_id').val(email);
        $('#send_message').val('');
        $('#subject').val('');
        
    });
 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();
        
    }
 }
function changeStatusFilter(status){
     $('#btnstatus').val(status);
     $('#branchForm').submit();
 }
$(document).ready(function () {
        $('#downloadFrmXls').live('click', function () {
            $('#branchXlsForm').submit();
        });
        $('select[name="enterprise_id"]').on('change', function () {
            $('#branchForm').submit();
        });
        $('select[name="merchant_id"]').on('change', function () {
            $('#branchForm').submit();
        });
        $('select[name="parent_merchant_id"]').on('change', function () {
            $('#branchForm').submit();
        });
        $('select[name="sub_merchant_id"]').on('change', function () {
            $('#branchForm').submit();
        });
        $('select[name="status"]').on('change', function () {
            $('#btnstatus').val('');
            $('#branchForm').submit();
        });
    });

$('.branch-status').change(function() {
       
       var id = $(this).attr("data-id");
       var status = $(this).val();
       $.ajax({
       type: "GET",
       url: "{{ url('/merchant/update-status') }}/"+id,
       success: function (data) {
       }
   });     
 })

 $('.user-status').change(function() {
       
       var id = $(this).attr("data-id");
       var status = $(this).val();
       onoff(status,id);
     //   if (confirm('Are you sure you want to do this ?') == true) {
     //     $('#console-event').html('Toggle: ' + $(this).prop('checked'))
     //   }
      
 })

 $('.view-device').live('click', function () {
        trHTML = '';
        $('.viewBodyDevice').html(trHTML);
        var id = $(this).attr("data-id");
        var user_phone = $(this).attr("data-user-phone");

        $('#deviceMobileNo').html(user_phone);
        //$('#user_id_view').val(id);
        $.ajax({
            type: 'GET',
            url: "{{ url('branch-user-device') }}/" + id,
            success: function (data) {
                console.log(data);
                $('.viewBodyDevice').html(data);
            }
        });
    });
</script>
@parent
@endsection