@extends('layouts.template')

@section('template')
<!-- Content Header -->
<section class="content-header">
    <h1>
        CUSTOMER
        
        </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Dashboard</li>
        <li class="active">Customer</li>
    </ol>
</section>
<!-- End Content Header -->
<!-- Main content -->
<section class="content">
    <div class="panel panel-primary">
        <div class="panel-heading">
            <a href="{{ url('/customer/create') }}" class="btn btn-default btn-sm"><i class="fa fa-user-plus"></i> Add New</a>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-12">
                <div class="table-responsive">
                        @if(Session::has('success'))
                        <div class="alert alert-success" id="success">
                            {{Session::get('success')}}
                            @php
                            Session::forget('success');
                            @endphp
                        </div>
                        @endif
                        @if(Session::has('update'))
                        <div class="alert alert-warning" id="update">
                            {{Session::get('update')}}
                            @php
                            Session::forget('update');
                            @endphp
                        </div>
                        @endif
                        @if(Session::has('delete'))
                        <div class="alert alert-danger" id="delete">
                            {{Session::get('delete')}}
                            @php
                            Session::forget('delete');
                            @endphp
                        </div>
                        @endif

                        <input class="form-control" id="myInput" type="text" placeholder="Search.."><br>
                        <table class="table-bordered" id="" width="100%">
                            <thead>
                                <tr>
                                    <th height="25">Cust ID</th>
                                    <th>Name</th>
                                    <th>Category</th>
                                    <th>Mobile</th>
                                    <th>Address</th>
                                    <th>Balance</th>
                                    <!--<th>Status</th>-->
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody id="myTable">
                                @if(isset($customer))
                                @php $total_balance = 0; @endphp
                                    @foreach($customer as $key => $customers)
                                    <tr>
                                        <!--<td height="25">{{ $globalSettings->invoice_prefix."-".str_pad($customers->customer_code, 8, '0', STR_PAD_LEFT) }}</td>-->
                                        <td>{{ ++$key }}</td>
                                        <td>{{ $customers->customer_name }}</td>
                                        <td>{{ $customers->category }}</td>
                                        <td>{{ $customers->mobile_no }}</td>
                                        <td>{{ $customers->address }}</td>
                                        
                                        
                                        @php
                                            $balance = $customers->credit + $customers->op_bal_credit - ($customers->debit + $customers->op_bal_debit);
                                            $total_balance += $balance;
                                        @endphp

                                        @if($balance == 0)
                                        <td class="btn btn-success btn-xs"> 0.00 </td>
                                        @elseif($balance < 0)
                                        <td class="btn btn-danger btn-xs">{{ number_format(abs($balance),2) }}</td>
                                        @else($balance > 0)
                                        <td class="btn btn-info btn-xs">{{ number_format($balance,2) }}</td>
                                        @endif

                                        <td>
                                            <div style="display:flex;">
                                               @if($customers->customer_id != '1')
                                                <a href="{{ url('/customer/'.$customers->customer_id) }}"><button class="edit btn btn-info btn-xs" title="Show"><i class="fa fa-eye" aria-hidden="true"></i> View</button></a>
                                                &nbsp;&nbsp;

                                                <a href="{{ url('/customer/'.$customers->customer_id.'/edit') }}"><button class="edit btn btn-warning btn-xs" title="Edit"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Edit</button></a>
                                                &nbsp;&nbsp;
                                                   @if(Auth::user()->role == 'admin')
                                                    <form action="{{ url('/customer/'.$customers->customer_id) }}" method="post">
                                                        {{ method_field('DELETE') }}
                                                        {{ csrf_field() }}
                                                        <button class="delete btn btn-danger btn-xs" onclick="return confirm('Are you sure you want to delete this item?');" title="Delete"><i class="fa fa-trash-o" aria-hidden="true"></i> Delete</button>
                                                    </form>
                                                    @endif
                                                @endif
                                            </div>
                                        </td>
                                    </tr>
                                    
                                    @endforeach
                                    <tr>
                                        <td colspan="7">
                                            &nbsp
                                        </td>
                                    </tr>
                                    <tr>
                                        <th colspan="5">
                                            TOTAL
                                        </th>
                                        @if($total_balance == 0)
                                        <th class="btn btn-success btn-xs"> 0.00 </th>
                                        @elseif($total_balance < 0)
                                        <th class="btn btn-danger btn-xs">{{ number_format(abs($total_balance),2) }}</th>
                                        @else($total_balance > 0)
                                        <th class="btn btn-info btn-xs">{{ number_format($total_balance,2) }}</th>
                                        @endif
                                        <th></th>
                                    </tr>
                                @endif
                            </tbody>

                        </table>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Main Content -->
<script>
$(document).ready(function(){
  $("#myInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myTable tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});
</script>
@endsection