@extends('admin.layouts.master')


@section('title')
    الماليات
@endsection

@section('css')


@endsection


@section('content-header')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">الماليات</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item active">الماليات</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
@endsection


@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        @include('admin.invoices.cards')
                    </div>


                    <div class="card-body">
                        @include('admin.messages')
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="table-responsive">
                                    <table id="example1" class="table table-bordered table-striped">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>رقم الفاتوره</th>
                                            <th>اسم الشركه</th>
                                            <th>تاريخ الفاتوره</th>
                                            <th>السعر</th>
                                            <th>المنتج</th>

                                            <th>مميزات اضافيه</th>
                                            <th>تاريخ التجديد</th>
                                            <th>حاله الفاتوره</th>
                                            <th>العمليات</th>

                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($data as $row)
                                            <tr>

                                                <td>{{$loop->index + 1}}</td>
                                                <td><a href="{{ route('invoices.show', $row->id) }}"
                                                       target="_blank">{{$row->number}}</a></td>
                                                <td><a href="{{ route('invoices.show', $row->id) }}"
                                                       target="_blank">{{$row->subscriber->name}}</a></td>
                                                <td>{{$row->date}}</td>
                                                <td><a href="{{ route('invoices.show', $row->id) }}"
                                                       target="_blank">{{$row->amount}}</a></td>
                                                <td>{{ $row->package->name ?? null }}</td>


                                                <td>
                                                    @foreach($row->subscriber->features as $feature)
                                                        <li>{{$feature->name}}</li>
                                                    @endforeach
                                                </td>

                                                <td>{{ $row->subscriber->expiry_data ?? null }}</td>


                                                <td>{!! $row->status() !!}</td>


                                                <td>
                                                    <div class="dropdown">
                                                        <button class="btn btn-success btn-sm dropdown-toggle"
                                                                type="button"
                                                                id="dropdownMenuButton" data-toggle="dropdown"
                                                                aria-haspopup="true"
                                                                aria-expanded="false">
                                                            العمليات
                                                        </button>
                                                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                            <a class="dropdown-item"
                                                               href="{{route('invoices.show',$row->id)}}"
                                                               target="_blank"> <i
                                                                        class="fa fa-eye text-success mr-2"></i> مشاهده
                                                                التفاصيل </a>
                                                            <a class="dropdown-item" href="#" data-toggle="modal"
                                                               data-target="#change{{$row->id}}"> <i
                                                                        class="fa fa-eject text-primary mr-2"></i> تغير
                                                                حاله الفاتوره
                                                            </a>
                                                            <a class="dropdown-item" href="#" data-toggle="modal"
                                                               data-target="#price{{$row->id}}"> <i
                                                                        class="fa fa-dice text-info mr-2"></i> اضافه خصم
                                                            </a>

                                                        </div>
                                                    </div>

                                                </td>

                                            </tr>
                                            @include('admin.invoices.status')
                                            @include('admin.invoices.price')
                                        @endforeach

                                        </tbody>

                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.card-body -->
                </div>
            </div>
        </div>
    </div>
@endsection


@section('js')

@endsection