@extends('admin.layouts.master')
@push('css')
    <!-- BEGIN VENDOR CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/vendors.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/tables/datatable/datatables.min.css') }}">
    <!-- END VENDOR CSS-->

    <!-- BEGIN ROBUST CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/app.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/custom-rtl.css') }}">
    <!-- END ROBUST CSS-->

    <!-- BEGIN Page Level CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/core/menu/menu-types/vertical-menu.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/core/colors/palette-gradient.css') }}">
    <!-- END Page Level CSS-->

    <!-- BEGIN Custom CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-rtl.css') }}">
    <!-- END Custom CSS-->
@endpush

@section('breadcrumb')
    <div class="content-header-left col-md-8 col-12 mb-2 breadcrumb-new">
        <h3 class="content-header-title mb-0 d-inline-block">الفريق</h3>
        <div class="row breadcrumbs-top d-inline-block">
            <div class="breadcrumb-wrapper col-12">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard.teams.index') }}">الفريق</a>
                    </li>
                    <li class="breadcrumb-item active">الرئيسية
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endsection

@section('content')
    <section id="dom">
        <div class="row">
            <div class="col-12">
                @if (session('success'))
                    <div class="alert alert-icon-left alert-success alert-dismissible mb-2" role="alert">
                        <span class="alert-icon"><i class="fa fa-thumbs-o-up"></i></span>
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                        <strong>تم بنجاح!</strong> {{ session('success') }}
                    </div>
                @endif

                <div class="card">

                    <div class="card-content collapse show">
                        <a href="{{ route('dashboard.teams.create') }}" class="btn btn-primary">اضافه +</a>

                        <div class="card-body card-dashboard">
                            <table class="table table-striped table-bordered dom-jQuery-events">
                                <thead>
                                    <tr>
                                        <th>الاسم ( العربية )</th>
                                        <th>الاسم ( الانجليزية )</th>
                                        <th>الوظيفه ( الانجليزية )</th>
                                        <th>الوظيفه ( العربية )</th>
                                        <th>الصوره</th>
                                        <th>اجرائات</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($team as $member)
                                        <tr>
                                            <td>{{ $member->name }}</td>
                                            <td>{{ $member->name_en ?: 'لايتوفر بيانات' }}</td>
                                            <td>{{ $member->position_en ?: 'لايتوفر بيانات'}}</td>
                                            <td>{{ $member->position_ar ?: 'لايتوفر بيانات'}}</td>

                                            <td><img src="{{ asset('storage/team_images/' . $member->image) }}"
                                                    width="50"></td>
                                            <td>
                                                <a href="{{ route('dashboard.teams.edit', $member->id) }}"
                                                    class="btn btn-warning">تعديل</a>
                                                <form action="{{ route('dashboard.teams.destroy', $member->id) }}"
                                                    method="POST" style="display:inline;">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-danger"
                                                        onclick="return confirm('هل أنت متأكد أنك تريد الحذف؟')">حذف</button>
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@push('js')
    <!-- BEGIN VENDOR JS-->
    <script src="{{ asset('app-assets/vendors/js/vendors.min.js') }}"></script>
    <!-- END VENDOR JS-->

    <!-- BEGIN PAGE VENDOR JS-->
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/datatables.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/datatable/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/buttons.flash.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/jszip.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/pdfmake.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/vfs_fonts.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/tables/buttons.print.min.js') }}"></script>
    <!-- END PAGE VENDOR JS-->

    <!-- BEGIN ROBUST JS-->
    <script src="{{ asset('app-assets/js/core/app-menu.js') }}"></script>
    <script src="{{ asset('app-assets/js/core/app.js') }}"></script>
    <!-- END ROBUST JS-->

    <!-- BEGIN PAGE LEVEL JS-->
    <script src="{{ asset('app-assets/js/scripts/tables/datatables/datatable-advanced.js') }}"></script>
    <!-- END PAGE LEVEL JS-->
@endpush