@extends('layouts.main')

@section('stylesheets')
    <link rel="stylesheet" href="{{asset('css/edit.css')}}"/>
@endsection

@section('content')
    <div class="main-wrapper">
        <div class="row justify-content-between Header mb-5">
            <div class="col-md-8 d-flex flex-column justify-content-center justify-content-md-start Header-breadcrumbs">

                {{ Breadcrumbs::render('editunit', $unit->name) }}
                <h2 class="page-title">Edit Unit  {{$unit->name}}</h2>
            </div>
            <div class="col-md-4 d-flex justify-content-center justify-content-md-end Header-buttons">

            </div>
        </div>

        @if ($errors->any())
            <div class="alert alert-danger">
                <strong>Whoops!</strong> There were some problems with your input.<br><br>
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form action="{{ route('units.update',['unit' => $unit]) }}" method="POST">
            @csrf
            @method('PUT')

            <div class="form-inner-container">
                @csrf
                <div class="form-group">
                    <label>Name:</label>
                    <input type="text" name="name" value="{{$unit->name}}" class="form-control name" placeholder="Name">
                </div>

                <div class="form-group">
                    <label>English Name:</label>
                    <input type="text" name="name_en" value="{{$unit->name_en}}" class="form-control english-name"
                           placeholder="English Name">
                </div>

                <div class="form-group">
                    <label>Acronym:</label>
                    <input type="text"
                           name="acronym" value="{{$unit->acronym}}" class="form-control acronym" placeholder="Acronym">
                </div>

                <div class="form-group">
                    <label>English Acronym:</label>
                    <input type="text" name="acronym_en"
                           value="{{$unit->acronym_en}}" class="form-control english-acronym"
                           placeholder="English Acronym">
                </div>

                <div class="form-group">
                    <label for="cars">Choose a category:</label>

                    <select class="form-select" name="unit_category_id" id="cars">
                        @foreach($categories as $category)
                            <option @if($category->id == $unit->unit_category_id) selected @endif
                            value="{{$category->id}}">{{$category->name}}</option>
                        @endforeach
                    </select>
                </div>

                <div class="btn-container">
                    <button type="submit" class="btn">Submit</button>
                </div>
            </div>


        </form>
    </div>
@endsection