@extends('layout.app')
@section('content')
    <div class="jumbotron m-4">
        <div class="row">
            <div class="col-lg-12 my-2">
                <div class="float-left">
                    <h2>Integration Mappings</h2>
                </div>
                <div class="float-right mb-2">
                    <a class="btn btn-success" href="{{ route('mappings.create') }}"> Create Mapping</a>
                </div>
            </div>
        </div>

        @if ($message = Session::get('success'))
            <div class="alert alert-success">
                <p>{{ $message }}</p>
            </div>
        @endif
        @if ($message = Session::get('msg'))
        <div class="alert alert-info">
            <p>{{ $message }}</p>
        </div>
    @endif
        <table class="table table-bordered">
            <tr style="background-color: #67b299; color: white;">
                <th>S.No</th>
                <th>Type</th>
                <th width="280px">Action</th>
            </tr>
            @foreach ($mappings as $mapping)
                <tr>
                    <td>{{ $mapping->id }}</td>
                    <td>{{ $mapping->type }}</td>
                    <td>
                        <form action="{{ route('mappings.destroy', $mapping->id) }}" method="Post">

                            <a class="btn btn-primary" href="{{ route('mappings.edit', $mapping->id) }}">Edit</a>

                            @csrf
                            @method('DELETE')

                            <button type="submit" class="btn btn-danger">Delete</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </table>

        {!! $mappings->links() !!}
    </div>
@endsection