@extends('layouts.admin')
@section('title', 'Add IPR')
@section('ipr', 'active')
@section('ipr_add', 'active')

@section('headerScripts')
    <link rel="stylesheet" href="{{ asset('adminlte/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css') }}">
@endsection

@section('content')

    <section class="content-header">
        <h1>Create New IPR</h1>
    </section>

    <section class="content">
        <form action="{{url('superadmin/ipr/add')}}" method="POST">
            <div class="row">
                <div class="col-md-8">
                    <div class="box box-default">
                        <div class="box-header with-border">
                            <h3 class="box-title">IPR Form</h3>
                        </div>
                        <div class="box-body">
                            @csrf
                            <div class="form-group">
                                <label>Name</label>
                                <input type="text" class="form-control" name="name" value="{{old('name')}}" placeholder="e.g. sample_ipr" required>
                            </div>
                            <div class="form-group">
                                <label>Display Name</label>
                                <input type="text" class="form-control" name="display_name" value="{{old('display_name')}}" placeholder="e.g. Sample IPR" required>
                            </div>
                            <div class="form-group">
                                <label>Description</label>
                                <form>
                                    <textarea class="textarea form-control" name="description" value="{{old('description')}}" placeholder="e.g. This ipr is for..."></textarea>
                                </form>
                            </div>
                            <div class="form-group">
                                <label>API Link</label>
                                <input type="text" class="form-control" name="api" value="{{old('api')}}" placeholder="e.g. http://www.ssipr.selangor.gov">
                            </div>
                            <div class="form-group">
                                <label>URL Link</label>
                                <input type="text" class="form-control" name="url" value="{{old('url')}}" placeholder="e.g. http://www.ssipr.selangor.gov">
                            </div>
                            <div class="form-group">
                                <label>IPR Type</label>
                                <div class="radio">
                                    <label>
                                        <input type="radio" value="Rakyat" name="type" checked> Rakyat
                                    </label>
                                </div>
                                <div class="radio">
                                    <label>
                                        <input type="radio" value="Organisasi" name="type"> Organisasi
                                    </label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label>IPR Status</label>
                                <div class="radio">
                                    <label>
                                        <input type="radio" value="Active" name="status" checked>Active
                                    </label>
                                </div>
                                <div class="radio">
                                    <label>
                                        <input type="radio" value="Inactive" name="status"> Inactive
                                    </label>
                                </div>
                                <div class="radio">
                                    <label>
                                        <input type="radio" value="Inprogress" name="status"> Inprogress
                                    </label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Cluster</label>
                                @foreach($clusters as $cluster)
                                <div class="radio">
                                    <label>
                                        <input type="radio" value="{{$cluster->id}}" name="cluster_id"> {{$cluster->display_name}}
                                    </label>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Save</button>
                </div>
            </div>
        </form>
    </section>

@endsection

@section('footerScripts')
    <script src="{{ asset('adminlte/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js') }}"></script>

    <script>
        $(() => {
            $('.textarea').wysihtml5();
        });
    </script>
@endsection