@extends('shared.admin')
@section('content')
    <div class="container-fluid">
        <h2 class="mt-30 page-title">Orders</h2>
        <ol class="breadcrumb mb-30">
            <li class="breadcrumb-item"><a href="{{ action('AdminController@index') }}">Dashboard</a></li>
            <li class="breadcrumb-item active">Orders</li>
        </ol>
        <div class="row justify-content-between">
            <div class="col-lg-10 col-md-6">
                <div class="bulk-section mb-30">
                    <div class="search-by-name-input">
                        <input type="text" name="fromdate" id="fromdate" value="{{ $fromdate }}" class="form-control datepicker" placeholder="From date">
                    </div>
                    <div class="search-by-name-input">
                        <input type="text" name="todate" id="todate" value="{{ $todate }}" class="form-control datepicker" placeholder="To date">
                    </div>
                    <div class="input-group">
                        <div class="input-group-append">
                            <button class="status-btn hover-btn" onclick="search_data(1);" type="button">Search Order</button>
                            <button class="status-btn hover-btn"  onclick="submit_data(1);" type="button">Submit Mobio</button>
                            <button class="status-btn hover-btn"  onclick="export_data(1);" type="button">Export Mobio</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 col-md-12">
                <div class="card card-static-2 mb-30">
                    <div class="card-title-2">
                        <h4>All Orders</h4>
                    </div>
                    <div class="card-body-table">
                        <div class="table-responsive">
                            <table class="table ucp-table table-hover">
                                <thead>
                                <tr>
                                    {{--<th style="width:60px"><input type="checkbox" class="check-all"></th>--}}
                                    <th style="width:30px">No</th>
                                    <th>Item</th>
                                    <th style="width:130px">Name</th>
                                    <th style="width:200px">Date</th>
                                    <th style="width:200px">Address</th>
                                    <th style="width:100px">Phone</th>
                                    <th style="width:20%">Product</th>
                                    <th style="width:130px">Source</th>
                                    <th style="width:130px">Campaign</th>
                                    <th style="width:150px">Status</th>
                                    <th style="width:100px">Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                @for ($i = 0; $i < count($list); $i++)
                                    @php
                                        $m = $list[$i];
                                    @endphp
                                    <tr id="oder-num-{{$i}}">
                                        {{--<td><input type="checkbox" class="check-item" name="ids[]" value="10"></td>--}}
                                        <td>{{ (($current_page - 1) * $page_size + $i + 1) }}
                                        </td>
                                        <td>
                                            <a class="oder-num-{{$i}}" href="javascript:void(0)">{{ 'ORDER' . $m->id }}</a>
                                        </td>
                                        <td id="fullname-display-{{$i}}">{{ $m->fullname }}</td>
                                        <td>{{ $m->created_at }}
                                        </td>
                                        <td id="address-display-{{$i}}">{{ $m->address }}
                                        </td>
                                        <td id="phone-display-{{$i}}">
                                            {{ $m->phone }}
                                        </td>
                                        <td>
                                            @php
                                                $product = $listProduct[$i]; $quanlity = 0; $price = 0; $subtotal = 0;
                                                if($product != null && count($product) >=1){
                                                    foreach($product as $item1) {
                                                        $quanlity = $item1->quanlity;
                                                        $price = $item1->price;
                                                        echo $item1->title . '<br />';
                                                        echo ' - Số lượng :  ' . $item1->quanlity . '<br />';
                                                        $subtotal += $item1->quanlity * $item1->price;
                                                    }
                                                    if($m->promocode != '') echo  'Mã giảm giá: ' . $m->promocode . '<br />';
                                                    if($m->totalprice != '' || $m->totalprice == '0'){
                                                        echo ' Thành tiền :  <span id="subtotal_' . $i . '">' . $m->totalprice . '</span><br />';
                                                    }
                                                    else{
                                                        echo ' Thành tiền :  <span id="subtotal_' . $i . '">' . $subtotal . '</span><br />';
                                                    }
                                                    if($m->paymentmethod != ''){
                                                        if($m->momotransid != ''){
                                                            echo $m->paymentmethod . ' - ' . $m->paymentstatus. ' - ' . $m->momotransid;
                                                        }
                                                        else{
                                                            echo $m->paymentmethod . ' - ' . $m->paymentstatus;
                                                        }
                                                    }
                                                }
                                            @endphp
                                        </td>
                                        <td>
                                            @if($m->channel == 'Sapporo Landing Page')
                                                Website
                                            @elseif($m->channel == 'Leadbridge')
                                                Facebook
                                            @else
                                                @if($m->channel != '')
                                                    {{ $m->channel }}
                                                @else
                                                    Other
                                                @endif
                                            @endif
                                        </td>
                                        <td>
                                            {{ $m->campaign }}
                                        </td>
                                        <td id="status-display-{{$i}}">
                                            @if($m->status == 1)
                                                <span class="badge-item badge-status">Pending</span>
                                            @elseif($m->status == 6)
                                                <span class="badge-item badge-status purple">Redial</span>
                                            @elseif($m->status == 2)
                                                <span class="badge-item badge-status confirmed-status">Confirmed</span>
                                            @elseif($m->status == 3)
                                                <span class="badge-item badge-status in-progress-status">In Progress</span>
                                            @elseif($m->status == 4)
                                                <span class="badge-item badge-status completed-status">Completed</span>
                                            @elseif($m->status == 5)
                                                <span class="badge-item badge-status cancel-status">Cancel</span>
                                            @endif
                                        </td>

                                        <td class="action-btns">
                                            <a href="{{ action('OrderController@detail', ['id' => $m->id]) }}" class="views-btn"><i class="fas fa-eye"></i></a>
                                            <a href="{{ action('OrderController@edit', ['id' => $m->id]) }}" class="edit-btn" title="Edit"><i class="fas fa-edit"></i></a>
                                            <a style="cursor: pointer;" onclick='delete_data("{{ action("OrderController@destroy", ['id' => $m->id]) }}")' title="Delete" title=""><i class="fas fa-trash"></i></a>
                                        </td>
                                    </tr>
                                    <tr id="oder-edit-{{$i}}" class="quick-edit">
                                        <td colspan="12">
                                            <div class="row">
                                                <div class="col-lg-12 col-md-12">
                                                    {{--{{ $m->request }}--}}
                                                </div>
                                            </div>
                                            {{--<div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label class="form-label">Tên*</label>
                                                        <input type="text" name="name-{{ $i }}" id="name-{{ $i }}" class="form-control" value="{{ $m->fullname }}">
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="form-label">Số điện thoại*</label>
                                                        <input type="text" name="phone-{{ $i }}" id="phone-{{ $i }}" class="form-control" value="{{ $m->phone }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label class="form-label">Địa chỉ*</label>
                                                        <input type="text" name="address-{{ $i }}" id="address-{{ $i }}" class="form-control" value="{{ $m->address }}">
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="form-label">Status</label>
                                                        <select name="status-{{ $i }}" id="status-{{ $i }}" class="form-control">
                                                            <option value="1" @if($m->status == 1) selected @endif>Pending</option>
                                                            <option value="6" @if($m->status == 6) selected @endif>Redial</option>
                                                            <option value="2" @if($m->status == 2) selected @endif>Confirmed</option>
                                                            <option value="3" @if($m->status == 3) selected @endif>In Progress</option>
                                                            <option value="4" @if($m->status == 4) selected @endif>Completed</option>
                                                            <option value="5" @if($m->status == 5) selected @endif>Cancel</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label class="form-label">Số lượng*</label>
                                                        <input type="number" onchange="numchange(this, '{{ $i }}', '{{ $price }}' );" name="quanlity-{{ $i }}" id="quanlity-{{ $i }}" class="form-control" value="{{ $quanlity }}">
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="form-label">Kho xuất</label>
                                                        <select name="inventoryId-{{ $i }}" id="inventoryId-{{ $i }}" class="form-control">
                                                            <option value="">Chọn kho xuất</option>
                                                            @if($listInventories != null && count($listInventories) > 0)
                                                                @foreach($listInventories as $item)
                                                                    <option value="{{ $item->id }}" @if($m->inventoryId == $item->id) selected @endif>{{ $item->name }}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="form-group">
                                                        <div class="content-editor">
                                                            <textarea class="text-control" name="note-{{ $i }}" style="height: 90px;" id="note-{{ $i }}" placeholder="Enter Noted">{{ $m->note }}</textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                @if($m->paymentmethod != '')
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label class="form-label">PTTT</label>
                                                            <input type="text" class="form-control" value="{{ $m->paymentmethod }}">
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="form-label">TTTT</label>
                                                            <input type="text" class="form-control" value="{{ $m->paymentstatus }}">
                                                        </div>
                                                    </div>
                                                @endif
                                                @if($m->promocode != '')
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label class="form-label">Mã Giảm giá</label>
                                                            <input type="text" class="form-control" value="{{ $m->promocode }}">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-5">
                                                        <div class="form-group">
                                                            <label class="form-label">Tình trạng claim</label>
                                                            <input type="text" class="form-control" value="{{ $m->checkpromo }}">
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                            <div class="row">
                                                <h5 style="padding: 20px;">Thông tin xuất hóa đơn</h5>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label class="form-label">Tên công ty*</label>
                                                        <input type="text" name="companyname-{{ $i }}" id="companyname-{{ $i }}" class="form-control" value="{{ $m->company }}">
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="form-label">Mã số thuế*</label>
                                                        <input type="text" name="taxcode-{{ $i }}" id="taxcode-{{ $i }}" class="form-control" value="{{ $m->taxcode }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label class="form-label">Email*</label>
                                                        <input type="text" name="emailinvoice-{{ $i }}" id="emailinvoice-{{ $i }}" class="form-control" value="{{ $m->email }}">
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="form-label">Số điện thoại*</label>
                                                        <input type="text" name="phoneinvoice-{{ $i }}" id="phoneinvoice-{{ $i }}" class="form-control" value="{{ $m->phoneinvoice }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label class="form-label">Địa chỉ*</label>
                                                        <input type="text" name="addressinvoice-{{ $i }}" id="addressinvoice-{{ $i }}" class="form-control" value="{{ $m->address }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-12 text-right">
                                                    <div class="form-group">
                                                        <p>
                                                            <button class="save-btn hover-btn cancel-edit-{{ $i }}" type="button">Cancel</button>
                                                            <button class="save-btn hover-btn save-edit-{{ $i }}" onclick="saveOrder('{{ $i }}', '{{ $m->id }}')" type="button">Save Changes</button>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>--}}
                                        </td>
                                    </tr>
                                @endfor
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                {{--<div class="col-lg-12 col-md-12 mb-30">
                    <nav aria-label="navigation">
                        <ul class="pagination justify-content-center">
                            @if ($total_record > 0)
                                <li class="page-item">
                                    <a style="cursor: pointer" class="page-link"aria-label="Previous"
                                       onclick="search_data( {{ $current_page - 1 > 0 ? ($current_page - 1) : "1" }})">
                                        <span aria-hidden="true">&laquo;</span>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                </li>
                                <li class="page-item {{ ($current_page == 1 ? "active" : "") }}">
                                    <a class="page-link" style="cursor: pointer" onclick="search_data(1)">1</a></li>
                                @php
                                    $left = true;
                                    $right = true;
                                @endphp
                                @for ($page = 2; $page <= $total_page - 1; $page++)
                                    @if ($page < $current_page - 2)
                                        @if ($left)
                                            <li class="page-item"><a>...</a></li>
                                            @php
                                                $left = false;
                                            @endphp
                                        @endif
                                    @elseif ($page > $current_page + 2)
                                        @if ($right)
                                            <li class="page-item"><a>...</a></li>
                                            @php
                                                $right = false;
                                            @endphp
                                        @endif
                                    @else
                                        <li class="page-item {{ $current_page == $page ? "active" : "" }}">
                                            <a class="page-link" style="cursor: pointer"
                                               onclick="search_data({{ $page }})">{{ $page }}</a></li>
                                    @endif
                                @endfor
                                @if ($total_page > 1)
                                    <li class="page-item {{ $current_page == $total_page ? "active" : "" }}">
                                        <a class="page-link" style="cursor: pointer" onclick="search_data({{ $total_page }})">{{ $total_page }}</a></li>
                                @endif
                                <li class="page-item">
                                    <a class="page-link" aria-label="Next" style="cursor: pointer"
                                       onclick="search_data({{ $current_page < $total_page ? ($current_page + 1) : $total_page }})">
                                        <span aria-hidden="true">&raquo;</span>
                                        <span class="sr-only">Next</span>
                                    </a>
                                </li>
                            @endif
                        </ul>
                    </nav>
                </div>--}}
            </div>
        </div>
    </div>

    <script>
        function delete_data(link) {
            $("#delete-link").attr("href", link)
            bPopup = $('#dialog-delete').bPopup();
        }
        function defaulString(val) {
            if (val == null) {
                return "";
            }
            return val;
        }
        function search_data(page) {
            var url = '{{ action('OrderController@checkmobio') }}';
            url += "?fromdate=" + $("#fromdate").val() + "&todate=" + $("#todate").val() + "&pg=" + page.toString();
            location.href = url;
        }

        function submit_data(){
            var url = '{{ action('OrderController@checkmobio') }}';
            url += "?fromdate=" + $("#fromdate").val() + "&todate=" + $("#todate").val() + "&submit=1";
            location.href = url;
        }

        function export_data(){
            var url = '{{ action('OrderController@checkmobio') }}';
            url += "?fromdate=" + $("#fromdate").val() + "&todate=" + $("#todate").val() + "&export=1";
            location.href = url;
        }
    </script>
@endsection
@section('script')
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script type="text/javascript">
        $(document).ready(function () {
            "use strict";
            @for ($i = 0; $i < count($list); $i++)
            $('.oder-num-{{ $i }}').click(function () {
                $('.table-hover .quick-edit').hide(0);
                $('#oder-edit-{{ $i }}.quick-edit').show(0);
                //$('#oder-edit-{{ $i }}.quick-edit').focus();
                $([document.documentElement, document.body]).animate({
                    scrollTop: $("#oder-edit-{{ $i }}").offset().top - 50
                }, 1000);
            });
            $('.cancel-edit-{{ $i }}').click(function () {
                $('.table-hover .quick-edit').hide(0);
                $('#oder-edit-{{ $i }}.quick-edit').hide(0);
                $('#oder-num-{{ $i }}').show(0);
                $([document.documentElement, document.body]).animate({
                    scrollTop: $('#oder-num-{{ $i }}').offset().top - 50
                }, 1000);
            });
            @endfor
            $(".datepicker").datepicker({dateFormat: 'yy-mm-dd'});
        })
    </script>
@endsection