@extends('layouts.master')

@section('content')
<div class="container-fluid">

    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <h4 class="page-title">Permission</h4>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0);">Dashboard</a></li>
                    <li class="breadcrumb-item"><a href="javascript:void(0);">Departments</a></li>
                    <li class="breadcrumb-item "><a href="javascript:void(0);">Add</a></li>
                </ol>

            </div>
        </div>


    </div>
    <!-- end row -->

    <div class="row">
        <div class="container-fluid col-12">
            <div class="card m-b-20">
                <div class="card-body">
                    <form name="permissions" action={{ route('permissions.store') }} method="post">
                        @csrf

                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Departments</label>
                            <div class="col-sm-10">
                                <select value="0" class="form-control" name="department_id">
                                    <option value="" selected> ---Select Department --- </option>
                                    @foreach ($departments as $key)
                                        <option value="{{ $key->id }}">{{ $key->name }}</option>
                                    @endforeach
                                </select>
                                @if ($errors->has('department_id'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('department_id') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>


                        <div class="form-group row">
                            <label for="example-text-input" class="col-sm-2 col-form-label">Name</label>
                            <div class="col-sm-10">
                                <input type="text" name="name" class="form-control" value="{{old('name')}}" autocomplete="off">
                                @error('name')
                                <span class="help-block">{{$errors->first('name')}}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="example-url-input" class="col-sm-2 col-form-label">URL</label>
                            <div class="col-sm-10">
                                <input type="text" name="url" class="form-control" value="{{old('url')}}" autocomplete="off">
                            </div>
                        </div>


                        <div class="text-center">
                            <button type="submit" class="btn btn-outline-success btn-lg">Submit</button>
                        </div>
                    </form>
                </div>

            </div>
        </div> <!-- end col -->
    </div> <!-- end row -->


</div> <!-- container-fluid -->
@endsection