@extends('adminlte::page')

@section('title', 'OWL CRM Dashboard')

@section('content_header')
    <h1>Plan</h1>
@stop

@section('content')
    @if (session('error'))
        <h6 class="alert alert-danger">
            {{ session('error') }}
        </h6>
    @endif
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    {{-- <p>Welcome to the OWL CRM admin panel.</p> --}}
    <div class="row justify-content-between mb-5">
        <div class="col-auto">
            <a href="{{ route('plan.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Back to Plan
            </a>
        </div>
        <div class="col-auto">
            {{-- <a href="{{ route('project.update', $project->id) }}" class="btn btn-primary">
                <i class="fas fas fa-save"></i> Save Project
            </a> --}}
        </div>
        <div class="col-auto">

            <a href="{{ route('plan.edit', $plan->id) }}" class="btn btn-primary">
                <i class="fas fa-pencil-alt"></i> Edit Plan
            </a>
            <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#delete">
                <i class="fa fa-trash-alt"></i> Delete plan
            </button>
        </div>
    </div>

    <div class="row">
        <div class="col-12 col-sm-6">
            <div class="card card-dark">
                <div class="card-header">
                    <h3 class="card-title">Plan Information</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                        {{--  <button type="button" class="btn btn-tool" data-card-widget="remove">
                            <i class="fas fa-times"></i>
                        </button>  --}}
                    </div>
                </div>


                <div class="card-body">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item"><b>Icon:</b>
                            {{ $plan->icon }}
                        </li>
                        <li class="list-group-item"><b>Name:</b>
                            {{ $plan->name }}</li>
                        <li class="list-group-item"><b>Key:</b> {{ $plan->key }}
                        </li>
                        <li class="list-group-item"><b>Description:</b> {{ $plan->description }}
                        </li>
                        <li class="list-group-item"><b>Interval:</b> {{ $plan->interval == 0 ? 'Monthly' : 'Yearly' }}
                        </li>
                        <li class="list-group-item"><b>price:</b> {{ $plan->price }}
                        </li>
                        <li class="list-group-item"><b>Trial Days:</b> {{ $plan->trial_days }}
                        </li>
                        <li class="list-group-item"><b>Is Test:</b> {{ $plan->is_test == 0 ? 'no' : 'yes' }}
                        </li>
                        <li class="list-group-item"><b>Status:</b> {{ $plan->status == 0 ? 'in-active' : 'active' }}
                        </li>

                    </ul>
                </div>

            </div>


        </div>

    </div>

    <!-- Modal -->
    <div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">{{ $plan->name }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>This will delete this plan permanently</p>
                    <p>Are you sure?</p>
                </div>
                <div class="modal-footer">
                    <form method="POST" action="{{ route('plan.destroy', $plan->id) }}">
                        <!-- CSRF Token -->
                        @csrf

                        <!-- Hidden input to simulate DELETE method -->
                        <input type="hidden" name="_method" value="DELETE">
                        <button type="submit" class="btn btn-danger" id="delete_btn" data-id="' . $row->id . '">Yes,
                            Delete</button>
                    </form>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    @stop

    @section('css')
        {{-- Add here extra stylesheets --}}
        {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
    @stop

    @section('js')
        <script>
            console.log("Hi, I'm using the Laravel-AdminLTE package!");
        </script>
    @stop