@extends('layouts.admin-layouts.admin-master')
@section('content')
@include('layouts.admin-layouts.alerts.flash-message')
<div class="page-content fade-in-up">
    <div class="ibox">
        <div class="ibox-body">
            <a href="{{ route('admin.slider') }}" class='btn pull-right btn-info'>Add Slide</a>
            <h5 class="font-strong mb-4">Change slider </h5>
            <div class="flexbox mb-4">
                <div class="flexbox">

                </div>
                <div class="input-group-icon input-group-icon-left mr-3 mt-4">
                    <span class="input-icon input-icon-right font-16"><i class="ti-search"></i></span>
                    <input class="form-control form-control-rounded form-control-solid" id="key-search" type="text"
                        placeholder="Search ...">
                </div>
            </div>
            <div class="table-responsive row">
                <table class="table table-bordered table-hover" id="datatable">
                    <thead class="thead-default thead-lg">
                        <tr>

                            <th>ID</th>
                            <th>English Title</th>
                            <th>Urdu Title</th>
                            <th>English Description</th>
                            <th>Urdu Description</th>
                            <th>URL</th>
                            <th class="text-center">English Image</th>
                            <th class="text-center">Urdu Image</th>
                            <th class="text-center">English Title Image</th>
                            <th class="text-center">Urdu Title Image</th>
                            <th>Action</th>

                        </tr>
                    </thead>
                    <tbody>
                        @foreach($sld as $value)
                        <tr>
                            <td>{{ $loop->index+1 }}</td>
                            <td >{{ $value->english_title }}</td>
                            <td style="font-family: Nafees">{{ $value->urdu_title }}</td>
                            <td>{{ $value->english_description }}</td>
                            <td style="font-family: Nafees">{{ $value->urdu_description }}</td>
                            <td >{{ $value->url }}</td>
                            <td class="text-center"><img src="{{asset('assets/images/slider/'.$value->english_image)}}" alt="" width="50"></td>
                            <td class="text-center"><img src="{{asset('assets/images/slider/'.$value->urdu_image)}}" alt="" width="50"></td>
                            <td class="text-center"><img src="{{asset('assets/images/slider/'.$value->english_title_image)}}" alt="" width="50"></td>
                            <td class="text-center"><img src="{{asset('assets/images/slider/'.$value->urdu_title_image)}}" alt="" width="50"></td>
                            <td>
                                <a href="{{ route('sliderhero.edit',$value->id) }}" class="btn btn-primary">Edit</a>
                                <a href="javascript:void(0);" class="btn btn-danger" onclick="fn_slider_delete({{ $value->id }})">Delete</a>

                            </td>



                        </tr>

                        @include('admin.models.sliderhero-delete')
                        @endforeach
                    </tbody>

                </table>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js-script')
<script type="text/javascript">
    function fn_slider_delete(user_id) {
        $('#sld-id').val(user_id);
        $('#delete_sld_modal').modal('show');
    }

</script>
@endsection