@extends('layouts.app')

@section('content')

<div class="row">
    <div class="col-md-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <p class="card-title">Start Project</p>
                <div class=" d-flex justify-end">
                        @if(Request::path() == "start-project")
                            <a class="btn btn-primary" href="{{ url('/trash-sp') }}"><i class="fa fa-trash"></i> Papelera</a>
                        @else
                            <a class="btn btn-primary" href="{{ url('/start-project') }}"><i class="fas fa-arrow-circle-left"></i> Activos</a>
                        @endif
                </div>
                </br>
                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="display expandable-table" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Fullname</th>
                                        <th>Company</th>
                                        <th>Email</th>
                                        <th>Phone</th>
                                        <th>Message</th>
                                        <th>Language</th>
                                        <th>Status</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($contacts as $contact)
                                        <tr>
                                            <td> {{ $contact->id }} </td>
                                            <td style="max-width: 150px;">{{ $contact->fullname }}</td>
                                            <td>{{ $contact->company }}</td>
                                            <td>{{ $contact->email }}</td>
                                            <td>{{ $contact->phone }}</td>
                                            <td style="max-width: 150px;">{{ $contact->message }}</td>
                                            <td>{{ $contact->english == 1 ? "Eng" : "Spa" }}</td>
                                            <!-- <td>{{ $contact->start_project == 1 ? "Si" : "No"}}</td>
                                            <td>{{ $contact->work_with_us == 1 ? "Si" : "No"}}</td> -->
                                            <td>{{ $contact->status == 1 ? "Ready" : "Pending" }}</td>
                                            <td style="display:flex;column-gap:5px">
                                                @if(Request::path() == "start-project")
                                                <form action="{{ url('/sp/change-status') }}" method="POST">
                                                    @csrf
                                                    @method('PUT')
                                                    <input type="hidden" value="{{ $contact->id }}" name="id" style="display: none;">
                                                    <button class="btn btn-sm {{ $contact->status == 1 ? 'btn-danger' : 'btn-success' }}"><i class="fa {{ $contact->status == 1 ? 'fa-xmark' : 'fa-check' }}"></i></button>
                                                </form>
                                                <form action="{{ url('/sp/delete-contact') }}" method="POST">
                                                    @csrf
                                                    @method('DELETE')
                                                    <input type="hidden" value="{{ $contact->id }}" name="id" style="display: none;">
                                                    <button class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></button>
                                                </form>
                                                @else
                                                <form action="{{ url('/sp/restore-contact') }}" method="POST">
                                                    @csrf
                                                    @method('PUT')
                                                    <input type="hidden" value="{{ $contact->id }}" name="id" style="display: none;">
                                                    <button class="btn btn-sm btn-success"><i class="fa fa-arrow-left"></i></button>
                                                </form>
                                                <form action="{{ url('/sp/destroy-contact') }}" method="POST">
                                                    @csrf
                                                    @method('DELETE')
                                                    <input type="hidden" value="{{ $contact->id }}" name="id" style="display: none;">
                                                    <button class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></button>
                                                </form>
                                                @endif

                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <div style="display:flex;justify-content:center">
                                {{ $contacts->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection