@extends('admin.layouts.master')

@section('title')
    الاسلايدر
@endsection

@section('styles')
    <link href="{{ URL::asset('admin/libs/datatables/dataTables.bootstrap4.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('admin/libs/datatables/responsive.bootstrap4.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('admin/libs/datatables/buttons.bootstrap4.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('admin/libs/datatables/select.bootstrap4.css') }}" rel="stylesheet" type="text/css" />

    <link href="{{ URL::asset('admin/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />

@endsection
@section('page_header')
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">@lang('messages.dashboard')</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('admin.sliders.index') }}">الاسلايدر</a></li>
                        <li class="breadcrumb-item active">الاسلايدر</li>
                    </ol>
                </div>
                <h4 class="page-title">عرض جميع الاسلايدر</h4>
            </div>
        </div>
    </div>
    <!-- end page title -->
@endsection

@section('content')


    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">

                    <h4 class="header-title mb-4">الاسلايدر</h4>

                    <table id="datatable-buttons-custom" class="table table-striped dt-responsive nowrap">
                        <thead>
                        <tr>
                            <th> # </th>
                            <th> نوع الرابط</th>
                            <th> الرابط</th>
                            <th> المدينة</th>
                            <th> المنطقة</th>
                            <th> الصورة</th>
                            <th> @lang('messages.operations') </th>
                        </tr>
                        </thead>

                        <tbody>
                        @if($data->count())
                                                        @foreach( $data as $value )
                                                                <tr>

                                    <td> {{ $i }} </td>

                                    <td class="no_dec">

                                    <span style="background-color: {{ $value->color  }};"> {{getLinkType($value->link_type)}} </span>
                                    </td>
                                    <td class="no_dec">
                                        @if($value->link_type == "category")
                                            <span style="background-color: {{ $value->color  }};"> {{ $value->category->name['ar'] }} </span>
                                        @elseif($value->link_type == "product")
                                            <span style="background-color: {{ $value->color  }};"> {{ $value->product->title['ar'] }} </span>
                                        @elseif($value->link_type == "external_link")
                                            <span style="background-color: {{ $value->color  }};"> {{ $value->link }} </span>
                                        @else
                                            لا يوجد
                                        @endif


                                    </td>
                                    <td>
                                        @if($value->link_type == "product")