@extends('layout.container')
@section('title', 'Remove')
@section('content')


<style>
.list{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #eee;}
.btns{display: inline-block;padding: 5px 15px;margin: 10px;text-align: center;cursor: pointer;color:#fff;border: 1px solid #000;background-color:red;text-transform: capitalize;width: 100px;}
.btns.active{background-color:red;}
.btns.inactive{background-color:green;}
.sec{width: 200px;background-color: red;padding: 5px 10px;color:#fff;}
.sec.active{background-color: green;}
.sec.inactive{background-color: red;}
</style>



<div class="text-center" style="padding: 10px 15px;background-color: red;color: #fff;font-weight:bold;margin-bottom: 10px;border:none;">{{$lpage['name']}}</div>
<div style="max-width: 400px;margin:0px auto;">

<form method="POST" action="/updateremovecontent" class="text-left" >
    @csrf
    <input type="hidden" name="pageid" value="{{$pageid}}"/>
    <div class="list" >
        <div style="padding: 5px 10px;"> Content Type</div>
        <div style="text-align:center;width: 100px;">New Action</div>
    </div>
    @foreach ($data as $order)
    <div class="list" id="{{$order['id']}}">
        {{-- {{$order['id']}} --}}
        {{-- {{$order['status']}} --}}
        <div class="sec {{$order['status']}}">
            {{-- {{$order['type']}} --}}
            {{ readCodeType($order['type']) }}
        </div>
        <button type="submit" class="btns {{$order['status']}}" name="{{$order['status']}}" value="{{$order['id']}}">@if ($order['status'] == 'active') Inactive @else Active @endif </button>
    </div>   
    @endforeach
</form>

</div>
@endsection