@extends('dashboard.layouts.app')
@section('content')
<div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper container-xxl p-0">
            <div class="content-header row">
            </div>
            <div class="content-body">
                <div class="card">
                    <div class="card-body">
                        <div class="int-wr">
                            <div class="img-wr">
                                <img src="{{getImage($row->image)}}" alt="">
                            </div>
                            <div class="info">
                                <div class="d-flex">
                                    <div class="name">
                                        {{$row->name}}
                                    </div>
                                    <div class="btn-group">
                                        <button
                                            class="btn btn-info dropdown-toggle waves-effect waves-float waves-light"
                                            type="button" id="dropdownMenuButton3" data-toggle="dropdown"
                                            aria-haspopup="true" aria-expanded="false">
                                            خيارات
                                        </button>
                                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton3">
                                            <a class="dropdown-item load-ajax" data-route="{{route('clients.edit', $row->id)}}"  data-toggle="modal"
                                                data-target="#modals-slide-in" href="javascript:void(0);">تعديل</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="items row">
                                    <div class="item col-lg-4 col-md-6">
                                        <span class="text-primary"><i data-feather="mail"></i></span>
                                        {{$row->email}}
                                    </div>
                                    <div class="item col-lg-4 col-md-6">
                                        <span class="text-primary"><i data-feather="phone"></i></span>
                                        {{$row->phone}}
                                    </div>
                                    <div class="item col-lg-4 col-md-6">
                                        <span class="text-primary"><i data-feather="flag"></i></span>
                                        الدوله : {{$row->Country->title ?? ''}}
                                    </div>
                                    <div class="item col-lg-4 col-md-6">
                                        <span class="text-primary"><i data-feather="flag"></i></span>
                                        الدوله : {{$row->Country->title ?? ''}}
                                    </div>
                                    <div class="item col-lg-4 col-md-6">
                                        <span class="text-primary"><i data-feather="grid"></i></span>
                                        التصنيف :
                                        <span class="badge badge-pill cstm-badge bg-black">
                                            {{$row->Classification->title ?? ''}}
                                        </span>
                                        {{-- <span class="badge badge-pill cstm-badge bg-black">
                                            جهه حكوميه
                                        </span> --}}
                                    </div>
                                    <div class="item col-lg-4 col-md-6">
                                        <span class="text-primary"><i data-feather="activity"></i></span>
                                        @if ($row->active)
                                            <span class="badge badge-pill cstm-badge bg-success">
                                                مفعل
                                            </span>
                                        @else
                                            <span class="badge badge-pill cstm-badge bg-gray">
                                                معطل
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
                <div class="card show-op">

                    <div class="card-body">

                        <nav class="nav nav-pills  pill-style">
                            <a class="nav-link active" href="#" data-toggle="pill" data-target="#pills1">
                                <span class="text">الرئيسية</span>
                            </a>
                            <a class="nav-link" href="#" data-toggle="pill" data-target="#pills2">
                                المراسلات
                            </a>
                        </nav>
                        <div class="tab-content" id="pills-tabContent">
                            <div class="tab-pane fade show active" id="pills1" role="tabpanel">

                                <!-- Striped rows start -->
                                <div class="row">
                                    <div class="col-12">
                                        <div class="card">
                                            <div class="table-control-wr">
                                                <div class="table-op">
                                                    <div class="num-select">
                                                        <form action="" class="form-inline">
                                                            <div class="form-group d-flex">
                                                                <label for="r-show">عرض</label>
                                                                <select name="per_page" class="form-control" id="r-show">
                                                                    <option value="10" >10</option>
                                                                    <option value="25" >25</option>
                                                                    <option value="50" >50</option>
                                                                    <option value="100" >100</option>
                                                                    <option value="150" >150</option>
                                                                </select>
                                                            </div>
                                                            <div class="form-group d-flex">
                                                                <select name="type" class="form-control set-width">
                                                                    <option value="">كل المعاملات</option>
                                                                    @foreach (getItemTypes() as $k => $v)
                                                                    <option value="{{$k}}">{{$v}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="input-group">
                                                                <input type="text" name="keywords" class="form-control"
                                                                    placeholder="ابحث عن عنصر" />
                                                                <div class="input-group-append" id="button-addon2">
                                                                    <button class="btn btn-outline-primary"
                                                                        type="submit">
                                                                        <i data-feather="search"></i>
                                                                        ابحث
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                    <div class="btns">
                                                        <a class="btn btn-primary {!! (CheckPermission(['item_add']))? '' : 'hidden'  !!}" tabindex="0" href="{{route('items.create')}}">
                                                            <span> اضافة معاملة</span>
                                                            <i class="ficon" data-feather="plus"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="table-responsive">
                                                @include('dashboard.items.table_3')
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Striped rows end -->
                            </div>
                            <div class="tab-pane fade" id="pills2" role="tabpanel">

                            </div>

                        </div>
                    </div>
                </div>



            </div>
        </div>
@endsection

@section('modal')
    <!-- modal -->
    <div class="modal modal-slide-in fade" id="modals-slide-in" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog sidebar-sm" id="ajax-content">
            {{-- ajax content --}}
        </div>
    </div>
@endsection