@extends('layout')

@section('title')
    Imagens da Clínica
@endsection

@section('content')

    @include('flashs')

    <div class="card">
        <div class="card-body collapse show">
            <a href="{{ route('fotos_estrutura_create') }}">
                <button type="button" class="btn waves-effect waves-light btn-info">Nova imagem</button>
            </a>
        </div>
    </div>

    <table class="tablesaw table-striped table-hover table-bordered table">
        <thead>
        <tr>
            <th>ID</th>
            <th style="width: 75%;">Descrição</th>
            <th></th>
        </tr>
        </thead>
        <tbody>
        @foreach($img_estrutura as $ie)
            <tr>
                <td class="title">{{ $ie['id'] }}</td>
                <td>{{ $ie['descricao'] }}</td>
                <td>
                    <a atyle="float: left; padding-right: 5px;" href="{{ route('fotos_estrutura_edit', $ie['id']) }}">
                        <button type="button" class="btn waves-effect waves-light btn-warning">Editar</button>
                    </a>
                    <form style="float: right;" method="post" action="{{ route('fotos_estrutura_delete', $ie['id']) }}">
                        @csrf
                        <button onclick="send_form()" type="submit" class="btn waves-effect waves-light btn-danger">Excluir</button>
                    </form>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
    </div>
@endsection

@section('customjs')
    <script>
    function send_form() {
        event.preventDefault();
        var form = event.target.form;

        Swal.fire({
            title: "Tem certeza?",
            text: "Deseja mesmo excluir esta imagem?",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Sim, excluir",
            cancelButtonText: "CANCELAR",
        }).then(function (result) {
            if (result.value) {
                form.submit();
            }
        });
    }
    </script>
@endsection