@extends('master.back')
@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('admin/css/bootstrap/bootstrap.min.css') }}"/>
@endsection
@section('content')
    <!-- START BREADCRUMB -->
    <ul class="breadcrumb">
        <li class="active"><a href="{{ route('admin.home') }}">Home</a></li>
    </ul>
    <!-- END BREADCRUMB -->
    <!-- PAGE CONTENT WRAPPER -->
    <div class="page-content-wrap">
        @foreach($orders as $order)
            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-body profile">
                        <div class="profile-data">
                            <div class="profile-data-name">{{ $order->first_name }} {{ $order->last_name }}</div>
                        </div>
                    </div>
                    <div class="panel-body list-group border-bottom">
                        <span class="list-group-item active"><span class="fas fa-info-circle spd"></span> <span class="xn-text sp spd">Details</span></span>
                        <span class="list-group-item"><span class="fas fa-building"></span> <span class="xn-text sp">Şirkət</span> <br>{{ $order->company_name }}</span>
                        <span class="list-group-item"><span class="fas fa-globe"></span> <span class="xn-text sp">Ölkə</span> <br>{{ $order->country }}</span>
                        <span class="list-group-item"><span class="fas fa-city"></span> <span class="xn-text sp">Şəhər</span> <br>{{ $order->city }}</span>
                        <span class="list-group-item"><span class="fas fa-map-marker-alt"></span> <span class="xn-text sp">Ünvan</span> <br>{{ $order->address }}</span>
                        <span class="list-group-item"><span class="fas fa-mail-bulk"></span> <span class="xn-text sp">Poçt kodu</span> <br>{{ $order->post_code }}</span>
                        <span class="list-group-item"><span class="fas fa-phone"></span> <span class="xn-text sp">Telefon</span> <br>{{ $order->phone }}</span>
                        <span class="list-group-item"><span class="fas fa-envelope"></span> <span class="xn-text sp">E-mail</span> <br>{{ $order->email }}</span>
                    </div>
                </div>
            </div>
            <div class="col-md-8">

                <!-- START TIMELINE -->
                <div class="timeline timeline-right">

                    <!-- START TIMELINE ITEM -->
                    <div class="timeline-item timeline-item-right">
                        <table class="table">
                            <thead>
                            <tr>
                                <th scope="col">Məhsulun adı</th>
                                <th scope="col">Miqdarı</th>
                                <th scope="col">Qiyməti</th>
                                <th scope="col">Cəm qiyməti</th>
                                <th scope="col"></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($transactions as $transaction)
                                <tr>
                                    <form action="{{ route('admin.settings.transaction', ['id' => $transaction->id]) }}" method="post">
                                        {{ csrf_field() }}
                                        <th>{{ $transaction->product_name }}</th>
                                        <td><input type="text" name="qty" value="{{ $transaction->quantity }}"></td>
                                        <td><input type="hidden" name="price" value="{{ $transaction->price }}">{{ $transaction->price }}</td>
                                        <td>{{ $transaction->totalprice }}</td>
                                        <td><button type="submit" class="btn btn-success">Təsdiq et</button></td>
                                    </form>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                    <!-- END TIMELINE ITEM -->

                </div>
                <!-- END TIMELINE -->

            </div>

            <div class="btn-userprofile">
                @if($order->status == 0)
                    <a href="{{ route('admin.settings.transactions', ['id' => $order->id]) }}" class="btn btn-success">Təsdiq et</a>
                @endif
            </div>
        @endforeach
    </div>
@endsection
@section('audio')
    <audio id="audio-alert" src="{{ asset('admin/audio/alert.mp3') }}" preload="auto"></audio>
    <audio id="audio-fail" src="{{ asset('admin/audio/fail.mp3') }}" preload="auto"></audio>
@endsection
@section('js')
    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <!-- Popper JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <!-- START PLUGINS -->
    <script type="text/javascript" src="{{ asset('admin/js/plugins/jquery/jquery.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/jquery/jquery-ui.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/bootstrap/bootstrap.min.js') }}"></script>
    <!-- END PLUGINS -->

    <!-- START THIS PAGE PLUGINS-->
    <script type="text/javascript" src="{{ asset('admin/js/plugins/icheck/icheck.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js') }}"></script>

    <script type="text/javascript" src="{{ asset('admin/js/plugins/summernote/summernote.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/scrolltotop/scrolltopcontrol.js') }}"></script>

    <script type="text/javascript" src="{{ asset('admin/js/plugins/morris/raphael-min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/morris/morris.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/rickshaw/d3.v3.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/rickshaw/rickshaw.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/bootstrap/bootstrap-datepicker.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/owl/owl.carousel.min.js') }}"></script>

    <script type="text/javascript" src="{{ asset('admin/js/plugins/moment.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/daterangepicker/daterangepicker.js') }}"></script>
    <!-- END THIS PAGE PLUGINS-->

    <!-- START TEMPLATE -->

    <script type="text/javascript" src="{{ asset('admin/js/plugins.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/actions.js') }}"></script>

    <script type="text/javascript" src="{{ asset('admin/js/demo_dashboard.js') }}"></script>
    <!-- END TEMPLATE -->

    <script>
        function preview_image(event)
        {
            var reader = new FileReader();
            reader.onload = function()
            {
                var output = document.getElementById('output_image');
                output.src = reader.result;
            }
            reader.readAsDataURL(event.target.files[0]);
        }
    </script>
@endsection