@extends('layouts.master')

@section('styles')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet">
@endsection

@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}" />

@php
    $breadcrumbs = [
        ['label' => 'Dashboard', 'url' => route('admin.dashboard')],
        ['label' => 'Permission', 'url' => route('admin.permissions.index')],
        ['label' => 'Update', 'url' => '#', 'active' => true],
    ];
@endphp
<x-ui.breadcrumb :items="$breadcrumbs" title="Update Permission" />

<div class="card">
    <div class="card-body">
    <form method="POST" action="{{ route('admin.permissions.update', $permission->id) }}">
            @csrf

             <div class="mb-3">
        <label class="form-label">Permission Name</label>
        <input name="name" class="form-control" value="{{ old('name', $permission->name) }}" required>
    </div>

    <div class="mb-3">
        <label class="form-label">Permission Type</label>
        <select name="type" class="form-select" required>
            @foreach($types as $type)
                <option value="{{ $type->id }}" {{ old('type', $permission->type) == $type->id ? 'selected' : '' }}>{{ $type->title }}</option>
            @endforeach
        </select>
    </div>

    <button class="btn btn-primary">Update</button>
    <a href="{{ route('admin.permissions.index') }}" class="btn btn-secondary">Cancel</a>
        </form>
    </div>
</div>
@endsection

@section('scripts')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function(){
    $('.select2').select2({ width: '100%' });
});
</script>
@endsection