@extends('layouts.delegates_dashboard_layout')

@section('title')

@endsection

@section('style')

@endsection

@section('content')

<div  class="table-cont p-2 ">
                <div class=" align-items-center">
                    <div class="dash-title col-md p-0 mt-0">
                        <h6 class="bold">أرباح الشركة</h6>
                        <p class="mb-1">يتم عرض الأرباح الخاصة بالشركة والرصيد المستحق</p>
                    </div>


                    <div class="p-5 text-center ">
                        <img src="../imgs/icons/wallet.png" class="w-md-50" alt="">


                        <h1 class="bold m-3">190.00 رس</h1>

                        <p class="bold font14">الرصيد المستحق</p>
                    </div>
                    
                </div>
 

                <table id="dataTable1" data-order='[[ 1, "asc" ]]' data-page-length='25' class="table text-center  table-striped table-ed" style="width:100%">
                    <thead class="table-head">
                        <tr >
                            <th>رقم</th>
                            <th>رقم الطلب</th>
                            <th>تاريخ الطلب </th>
                            <th>ربح الشركة</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody data-class-name="table-body ">

                        <tr>
                            <td>1</td>
                            <td>34234234</td>
                            <td>يناير 2021</td>
                            <td>60.00 رس</td>
                            <td class="table-menu">
                                <i onclick="openTableMenu(this)" class=" cp p-2 fa fa-ellipsis-h"></i>
                                <div class="menu-cont">
                                    <ul class="white-bg round7 pt-1 pb-1 shadow1">
                                        <!-- <li> <a href="product-additions.html"><i class="far fa-plus-square color1"></i> الاضافات</a> </li>
                                        <li class="border-bottom"></li>
                                        <li> <a href="edit-product-info.html"><i class="fa fa-edit color1"></i> تعديل</a> </li>
                                        <li class="border-bottom"></li> -->
                                        <li> <a class="cp" onclick="deleteElement()"><i class="far fa-trash-alt color-red"></i> حذف</a> </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>

                    </tbody>

                </table>

                <script>
                    function deleteElement(){
                        Swal.fire({
                            title: '<h5 class="bold">هل أنت متأكد من حذف الفرع ؟</h5>',
                            icon: 'warning',
                            html:'<p>في حالة حذف الفرع سيتم حذف كافة البيانات الخاصه بالفرع بالإضافة الى حذف المنتجات</p> ' 
                                 +'<div class="row">'
                                 +'    <div class="col"><button class="button1 w-100" onclick="Swal.clickConfirm()">نعم , حذف</button></div>'
                                 +'    <div class="col"><button class="button3 w-100" onclick="Swal.clickCancel()" >تراجع</button></div>'
                                 +'</div>',
                            showCancelButton: false,
                            showConfirmButton: false,
                            }).then((result) => {
                            if (result.isConfirmed) {
                                Swal.fire({icon: 'success',
                                    title: '<h5 class="bold">تهانينا ! تم حذف الفرع بنجاح</h5>',
                                    html : '<a href="#" class="button1 w-100 d-block">تأكيد</a>',
                                    showConfirmButton: false,
                                    timer: 1500
                                });
                            }
                        })
                    }
                </script>



            </div>
@endsection

@section('scripts')
    
@endsection