@extends('Admin.master_page')


@section('title')
    <h5 class="m-0 font-weight-bold text-primary" style="float: left;">Packages</h5>

    <a href="{{ route('packages.create') }}" style="float: right;"><i class="fas fa-plus-circle"></i></a>
@endsection

@section('content')
    <div class="table-responsive">


        @include('Admin.Packages._filter')


        <br>
        <br>
        <br>


        <div class="container">
            <div class="row">


                @forelse($packages as $key => $data)
                    <div class="col-sm col-lg-6 mb-4">
                        <div class="card">
                            <div class="card-header">
                                <div class="row" style="justify-content: space-between">
                                    <div class="col-6">
                                        {{ $data->name }}
                                    </div>
                                    <div class="col-6" style="text-align: right">
                                        <a href="{{ route('package_features.create', $data->id) }}">Add Feature</a>
                                    </div>
                                </div>

                            </div>
                            <div class="card-body">
                                @if ($data->image != null)
                                    <div style="display: flex;justify-content: center">
                                        <img src="/Images/{{ $data->image }}" style="width: 200px;" alt="">
                                    </div>
                                    <a href="{{ route('packages.deleteImage', $data->id) }}"
                                        class="btn btn-danger btn-sm">Delete
                                        Image</a>
                                    <br>
                                    <br>
                                @endif
                                <table class="table" style="border:none">
                                    <tr>
                                        <th>Speed</th>
                                        <td>
                                            {{ $data->speed }} / Mbps
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>price</th>
                                        <td>
                                            {{ $data->price }}
                                        </td>
                                    </tr>
                                </table>
                                <div style="justify-items: center;justify-content: center;display: flex;">
                                    <ul>
                                        @forelse ($data->features as $feature)
                                            <a href="{{ route('package_features.edit', $feature->id) }}">
                                                <li style="font-size: 17px;font-weight: bold">{{ $feature->name }}</li>
                                            </a>
                                        @empty
                                            <li style="font-size: 17px;font-weight: bold" class="text-info">No Feature</li>
                                        @endforelse

                                    </ul>
                                </div>

                                <form action="{{ route('packages.destroy', $data->id) }}" method="post"
                                    id="form-{{ $data->id }}">
                                    {{ csrf_field() }}
                                    {{ method_field('DELETE') }}
                                </form>

                                <a href="{{ route('packages.edit', $data->id) }}" class="btn btn-sm btn-success"><i
                                        class="fas fa-edit"></i></a>
                                &nbsp;
                                <a href=""
                                    onclick="if(confirm('Are you sure to delete?')) {
                               event.preventDefault();
                               document.getElementById('form-{{ $data->id }}').submit();
                               }else{ event.preventDefault(); }"
                                    class="btn btn-sm btn-danger"><i class="fas fa-trash-alt"></i></a>
                            </div>
                        </div>


                    </div>
                @empty
                @endforelse


            </div>

            <br>
            <br>
            <div class="container">
                <div class="row justify-content-center">
                    @if (isset($_GET['search']) and $_GET['search'] != null)
                        {{ $packages->appends(['search' => $_GET['search']])->links() }}
                    @else
                        {{ $packages->links() }}
                    @endif

                </div>
            </div>

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

    </div>
@endsection