@extends('admin.layout.layout')

@push('title')
    شركات طيران
@endpush
@push('breadcrumbs')
    <li class="breadcrumb-item  ">
        <a href="{{route('admin.home')}}" class="text-muted"> {{trans('airline.home')}} </a>
     </li>
@endpush
@push('toolbar-actions')

    <a href="{{route('admin.airplane.create')}}"   class="btn btn-light-primary font-weight-bolder m-2 "   aria-haspopup="true" aria-expanded="false">

        <i class="flaticon flaticon-download icon-md"></i>
        تصدير
    </a>

    <a href="{{route('admin.airplane.create')}}" class="btn btn-primary font-weight-bolder">

        <i class="ki ki-solid-plus icon-md"></i>
        اضافة شركة طيران جديد
    </a>

@endpush

@push('content')
    <div class="row">
        @foreach($items as $item)
        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
            <!--begin::Card-->
            <div class="card card-custom gutter-b card-stretch">
                <!--begin::Body-->
                <div class="card-body pt-4">
                    <!--begin::Toolbar-->

                    <div class="d-flex justify-content-end">
                        <div class="dropdown dropdown-inline" data-toggle="tooltip" title=""
                             data-placement="left" data-original-title="العمليات">
                            <a href="#" class="btn btn-clean btn-hover-light-primary btn-sm btn-icon"
                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="ki ki-bold-more-hor"></i>
                            </a>
                            <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">
                                <!--begin::Navigation-->
                                <ul class="navi navi-hover">

                                    <li class="navi-item">
                                        <a href="{{route('admin.airplane.edit',$item->id)}}" class="navi-link">
																			<span class="navi-icon">
																				<i class="flaticon2-edit"></i>
																			</span>
                                            <span class="navi-text"> تعديل</span>
                                        </a>
                                    </li>
                                    <li class="navi-item">
                                        <a href="{{route('admin.airplane.show',$item->id)}}" class="navi-link">
																			<span class="navi-icon">
																				<i class="flaticon-eye"></i>
																			</span>
                                            <span class="navi-text"> عرض </span>
                                        </a>
                                    </li>
                                    <li class="navi-item">
                                        <a href="#"  onclick="deleteFn({{$item->id}})"  class="navi-link">
																			<span class="navi-icon">
																				<i class="flaticon2-trash"></i>
																			</span>
                                            <span class="navi-text">حذف</span>
                                        </a>
                                        {!!Form::open( ['route' => ['admin.airplane.destroy',$item->id] ,'class'=>'hidden','id'=>'delete-form'.$item->id, 'method' => 'Delete']) !!}
                                        {!!Form::close() !!}
                                    </li>

                                </ul>
                                <!--end::Navigation-->
                            </div>
                        </div>
                    </div>
                    <!--end::Toolbar-->
                    <!--begin::User-->
                    <div class="d-flex align-items-center mb-7">
                        <!--begin::Pic-->
                        <div class="flex-shrink-0 mr-4 mt-lg-0 mt-3">
                            <div class="symbol symbol-circle symbol-lg-75">
                                <img src="{{getimg($item->image)}}" alt="{{$item->name}}">
                            </div>
                            <div class="symbol symbol-lg-75 symbol-circle symbol-primary d-none">
                                <span class="font-size-h3 font-weight-boldest">{{$item->name}}</span>
                            </div>
                        </div>
                        <!--end::Pic-->
                        <!--begin::Title-->
                        <div class="d-flex flex-column">
                            <a href="#" class="text-dark font-weight-bold text-hover-primary font-size-h4 mb-0">{{$item->name}}</a>
                            <span class="text-muted font-weight-bold">  {{$item->username}} </span>
                        </div>
                        <!--end::Title-->
                    </div>
                    <!--end::User-->
                    <!--begin::Desc-->
                    <p class="mb-7">
                        {{$item->info}}
                        </p>
                    <!--end::Desc-->
                    <!--begin::Info-->
                    <div class="mb-7">
                        <div class="d-flex justify-content-between align-items-center">
                            <span class="text-dark-75 font-weight-bolder mr-2">البريد:</span>
                            <a href="#" class="text-muted text-hover-primary">{{$item->email}}</a>
                        </div>
                        <div class="d-flex justify-content-between align-items-cente my-1">
                            <span class="text-dark-75 font-weight-bolder mr-2">الهاتف:</span>
                            <a href="#" class="text-muted text-hover-primary">{{$item->phone}}</a>
                        </div>
                        <div class="d-flex justify-content-between align-items-center">
                            <span class="text-dark-75 font-weight-bolder mr-2">العنوان:</span>
                            <span class="text-muted font-weight-bold">{{$item->address}}</span>
                        </div>
                    </div>
                    <!--end::Info-->
                    <a href="mailto:{{$item->email}}" class="btn btn-block btn-sm btn-light-success font-weight-bolder text-uppercase py-4">مراسلة</a>
                </div>
                <!--end::Body-->
            </div>
            <!--end::Card-->
        </div>
        @endforeach
    </div>
    {{ $items->links('admin.layout.pagination') }}
@endpush
@push('scripts')
    <script>
        function deleteFn($id) {
            Swal.fire({
                title: "هل أنت متاكد من حذف العنصر",
                text: "سيتم حذف هذا العنصر ولن تستطيع استرجاعه !",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "نعم ، احذفه!",
                buttons: ["الغاء", "موافق"],
                dangerMode: true,
            }).then(function(result) {
                if (result.value) {
                    document.getElementById('delete-form'+$id).submit();
                } else{
                    swal("تم االإلفاء", "حذف العنصر تم الغاؤه",'info',{buttons:'موافق'});
                }
            });
        }
    </script>
@endpush