@extends('manage.layouts.app')

@section('content')

{{-- {{ Breadcrumbs::render('manage.sliders') }} --}}
<div class="mb-5">
    <div class="ui breadcrumb">
        <a class="section">Dashboard</a>
        <div class="divider"> / </div>
        <div class="active section">Forms</div>
    </div>
</div>

<div id="dashboard">

    <div class="my-6 text-2xl font-semibold text-gray-700 flex items-center justify-between">
        <span>Sliders</span>
        <a href="{{route('form-builder.create')}}" class="text-sm block theme-link">Add New Form</a>
    </div>

    <div class="w-full overflow-x-auto">
        <table class="ui celled table">
            <thead>
                <tr>
                <th>ID</th>
                <th>Title</th>
                <th>Email</th>
                <th>Fields</th>
                <th>Date Created</th>
                <th>Action</th>
                </tr>
            </thead>
            <tbody class="bg-white divide-y" >

                @foreach ($forms as $form)
                <tr>
                    <td>{{$form->id}}</td>
                    <td>{{ $form->title }}</td>
                    <td>{{ $form->form_type == 'none' ? $form->email : 'As per branch' }}</td>
                    <td>{{ $form->fields->count() }}</td>
                    <td>
                        <p class="text-gray-700">{{date('d M, Y', strtotime($form->created_at))}}</p>
                    </td>
                    <td>
                        <div class="flex items-center space-x-3">
                            <div class="ui mini buttons">
                                <a href="form-builder/{{$form->id}}" class="ui button">Edit</a>
                            </div>
                            @if ($form->editable != 0)
                            <form method="post" action="/cms/form-builder/{{$form->id}}">
                                @csrf
                                <input type="hidden" name="_method" value="DELETE">
                                <button type="submit" class="ui mini red button" onclick="return confirm('Are you sure?')">Delete</button>
                            </form>
                            @endif
                        </div>
                    </td>
                </tr>
                @endforeach

            </tbody>
        </table>
    </div>

</div>


@endsection