@extends('mainContent.layout')

@section('content')
    <header class="content-header">
        <h1>Category: {{$type}}</h1>
        <a href="/mainContent/{{$type}}/"><i class="fas fa-arrow-circle-left"></i> Index</a>
    </header>

    <main>
    	 <form name="cat-form" class="mc-form" id="cat-form" action="{{ route('mainContent.category.process') }}" method="POST">
    	 	<input type="hidden" name="_token" value="{{ csrf_token() }}">
    	 	<input type="hidden" name="type" value="{{ $type }}">
    	 	<input type="hidden" name="_method" value="PUT">

    	 	@foreach ($cat as $c)
	    	 	<div class="form-item input-group">
		    	 	<input type="text" name="sequence[{{ $c->cat_uid }}]" class="form-control" autocomplete="off" placeholder="Sequence" value="{{ $c->sequence }}" style="max-width: 100px">
		    	 	<input type="text" name="title[{{ $c->cat_uid }}]" class="form-control" autocomplete="off" placeholder="Category title" value="{{ $c->title }}">
	    	 	</div>
    	 	@endforeach

    	 	<div class="form-item">
    	 		<label>New</label>
    	 		<div class="input-group">
		    	 	<input type="text" name="new_sequence" class="form-control" autocomplete="off" placeholder="Sequence" value="{{ isset($c->sequence) ? $c->sequence + 1 : 0 }}" style="max-width: 100px">
		    	 	<input type="text" name="new_title" class="form-control" autocomplete="off" placeholder="Category title" value="">
		    	 </div>
    	 	</div>

            <div class="form-submit">
                <button type="submit" class="btn btn-lg btn-outline-danger">Confirm</button>
            </div>
    	 </form>
    </main>
@endsection