@extends('superadmin::layouts.master')
@section('title',__('partners::partners.partners'))
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('dashboard-home')}}">@lang('Home')</a>
            </li>
            <li class="breadcrumb-item"><a href="{{route('partners.index')}}">
                    @lang('partners::partners.partners')</a>
            </li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<div class="ibox-content m-b-sm hidden-print list-actions text-xs-right mb-1 headBtns">
    <div role="group" aria-label="Button group with nested dropdown" class="btn-group">
        <a href="{{route('partners.create')}}" >
            <button type="button" class="btn btn-primary btn-min-width">
                @lang('Create')
                <img alt="add" src="{{asset('assets/images/svg/plus.svg')}}">
            </button>
        </a>
    </div>
</div>
<section id="configuration">
    <div class="row">
        <div class="col-xs-12">
            <div class="card ">
                <div class="card-body collapse in">
                    <table
                        class="table table-striped table-column dataex-res-configuration  @if(app()->getlocale() == 'ar') ar-language-file @endif" style="width:100%;display: inline-table;">
                        <thead>
                            <tr>
                                <th>{{__('partners::partners.id')}}</th>
                                <th>{{__('partners::partners.name')}}</th>
                                <th>{{__('partners::partners.url')}}</th>
                                <th>@lang('Actions')</th>
                            </tr>
                        </thead>
                        <tbody>
                             @foreach($partners as $partner)
                            <tr>
                                <td>{{$partner->id}}</td>
                                <td>{{$partner->name}}</td>
                                <td>{{$partner->url}}</td>
                                <td>
                                    <a href="{{route('partners.edit',$partner->id)}}"
                                       class="btn btni rounded-circle font-small-2 btn-info btn-edit text-white"
                                       data-toggle="tooltip"
                                       data-placement="bottom" title="@lang('Edit')">
                                        <i class="fa fa-pencil"></i>
                                    </a>
                                    <a data-url="{{route('partners.destroy', ['partner' => $partner->id])}}"
                                           data-toggle="modal" data-target="#favoritesModal"
                                           class='btn btni rounded-circle font-small-2 btn-warning btn-xs btn-delete delete-item text-white'><i
                                                class="fa fa-trash" data-toggle="tooltip"
                                                data-placement="bottom" title="@lang('Delete')"></i>
                                        </a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="favoritesModal" tabindex="-1" role="dialog"
         aria-labelledby="favoritesModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="favoritesModalLabel">@lang('Delete')</h4>
                </div>
                <div class="modal-body">
                    <p> @lang('Are You Sure to delete this?')
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default mx-1"
                            data-dismiss="modal">@lang('No')</button>
                    <span class="pull-right">
                        <form id="delete-form" action="" method="POST" class="form delete-form">
                            @csrf
                            @method('delete')
                            <button type="submit" class="btn btn-primary">@lang('Yes')</button>
                        </form>
                    </span>
                </div>
            </div>
        </div>
    </div>

</section>

@endsection

@section('extra_scripts')
<script>
window.addEventListener('DOMContentLoaded', function () {
    $(document).ready(function () {
        // For A Delete Record Popup
        $(document).on('click', '.delete-item', function () {
            // $('.delete-item').click(function () {
            var modal = $(this).attr('data-target');
            var url = $(this).attr('data-url');
            $(modal + ' .delete-form').attr("action", url);
        });
    });
});

</script>
@endsection