@extends('layout.administrator.index')
@section('title', 'Rules')

@section('content')
<div class="content-wrapper">
    <section class="content-header">
        {{-- <h1>Rules</h1> --}}
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('administrator.dashboard')}}"><i class="fa fa-dashboard"></i> Inicio</a></li>
            <li class="breadcrumb-item"><a href="{{route('administrator.rules.rework.index')}}"> Rules</a></li>
            <li class="breadcrumb-item active">Detalle</li>
        </ol>
    </section>

    <section class="content">
        @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{session('success')}}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        @endif
        @if(session('danger'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{session('danger')}}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        @endif

        <div class="row">
            <div class="col-12 col-sm-5">
                <div class="box">
                    <div class="box-header with-border">
                        <div class="row align-items-center">
                            <div class="col-12">
                                <h4 class="box-title">Rule</h4>
                            </div>
                        </div>
                    </div>
                    <div class="box-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="name" class="control-label">Name</label>
                                    <h4>{{$group->name}}</h4>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Type</label>
                                    <h4>{{config('constants.rule_types')[$group->type]["name"]}}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-0">
                                    <label for="description" class="control-label">Description</label>
                                    <h5>{{$group->description}}</h5>
                                </div>
                            </div>
                        </div>
                        <form action="/administrator/rules/download" method="get" target="_blank">
                            <div class="row">
                            <input type="hidden" name="id" value="{{$group->id}}">
                                <div class="col">
                                    <div class="form-group">
                                        <select class="form-control" name="format" id="format" required>
                                            <option value="" selected>Selecione formato</option>
                                            <option value="1">Excel</option>
                                            <option value="2">csv</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-primary btn-block">Exportar</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-7">
                <div class="box">
                    <div class="box-header with-border">
                        <div class="row align-items-center">
                            <div class="col-12">
                                <h4 class="box-title">Rules</h4>
                            </div>
                        </div>
                    </div>
                    <div class="box-body">
                        @foreach($group->getRules as $rule)
                        <div class="box">
                            <div class="box-content">
                                <div class="box-body">
                                    <div class="row text-center">
                                        <div class="col">
                                            <p class="mb-0">Element</p>
                                            <div class="badge badge-success">
                                                <h6 class="mb-0">{{$rule->element}}</h6>
                                            </div>
                                        </div>
                                        <div class="col">
                                            <p class="mb-0">Operator</p>
                                            <div class="badge badge-info">
                                                <h6 class="mb-0">{{$rule->operator}}</h6>
                                            </div>
                                        </div>
                                        <div class="col">
                                            <p class="mb-0">Value</p>
                                            <div class="badge badge-success">
                                                <h6 class="mb-0">{{$rule->value}}</h6>
                                            </div>
                                        </div>
                                        <div class="col">
                                            <p class="mb-0">Condition</p>
                                            <div class="badge badge-{{config('constants.semaphore')[$rule->condition]['type']}}">
                                                <h6 class="mb-0">{{config('constants.semaphore')[$rule->condition]['name']}}</h6>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

    </section>
</div>
@endsection

@section('js')

@endsection