@extends("layouts.admin.app")

@section("page-title")
{{__("Dashboard")}}
@endSection

@section("page-nav-title")
<div class="app-title">
    <div>
        <h1><i class="fa fa-dashboard"></i>{{__("equivalent-equation")}}</h1>
        <p>{{__("all-equivalent-equation")}}</p>
    </div>
    <ul class="app-breadcrumb breadcrumb">
        <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
        <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
        <li class="breadcrumb-item"><a href="#">{{__("equivalent-equation")}}</a></li>
    </ul>
</div>
@endsection

@section("content")
<div class="row">
    <div class="col-md-12">
        <div class="tile" style="margin-left: 30%; margin-right: 30%">
            <h3 style="text-align: center">{{$name}} - {{__("equivalent-equations-control")}}</h3>
        </div>
        @if(isPermissionsAllowed("view-equivalent-equations"))
        <div class="buttons-group" style="padding: 0px 16px;">
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#createRoleModal">
                <i class="fas fa-plus"></i>{{ __("create-equivalent-equation") }}
            </button>
        </div>
        @endif
        <!-- Modal -->
        <div class="modal fade" id="createRoleModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" style="width: 75%;">
                <div class="modal-content">
                    <!-- Modal content goes here -->
                    <div class="modal-header">
                        <h5 class="modal-title" id="myModalLabel">{{ __("Equivalent Equation") }}</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form action="{{ route("admin.items.EquationSave") }}" method="post">
                            @csrf
                            <input type="hidden" name="item_id" value="{{$item}}">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group row">
                                        <label for="staticEmail" class="col-sm-4 col-form-label">{{ __("main-unit") }}</label>
                                        <div class="col-sm-8">
                                        <input class="form-control @if($errors->has('value')) is-invalid @endif" type="text" value="{{$main_unit->unit->unit_name}}" readonly>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group row">
                                        <label for="staticEmail" class="col-sm-4 col-form-label">{{ __("unit") }}</label>
                                        <div class="col-sm-8">
                                            <select name="unit_id" id="unit_id" class="form-control @if($errors->has('unit_id')) is-invalid @endif">
                                                <option value="">{{ __("select-unit") }}</option>
                                                @foreach($units as $unit)
                                                <option {{ selected("unit_id", $unit->id) }} value="{{$unit->id}}">{{$unit->unit_name}}</option>
                                                @endforeach
                                            </select>
                                            @error("unit_id")
                                            <div class="input-error" style="padding-top: 10px">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group row">
                                        <label for="staticEmail" class="col-sm-4 col-form-label">{{ __("value") }}</label>
                                        <div class="col-sm-8">
                                            <input class="form-control @if($errors->has('value')) is-invalid @endif" type="text" id="value" name="value" placeholder="{{ __("enter-unit-value") }}" value="{{ inputValue("value") }}">
                                            @error("value")
                                            <div class="input-error" style="padding-top: 10px">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-danger">{{ __("save") }}</button>
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __("close") }}</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="tile">
            <div class="tile-body">
                <div class="table-responsive">
                    <table class="table table-hover table-bordered text-center" id="sampleTable">
                        <thead>
                            <tr>
                                <th style="width: 1%">#</th>
                                <th style="width: 22%">{{__("unit")}}</th>
                                <th style="width: 10%">{{__("value")}}</th>
                                @if(isPermissionsAllowed("edit-equivalent-equation","delete-equivalent-equation"))
                                <th style="width: 10%">{{__("control")}}</th>
                                    @endif
                            </tr>
                        </thead>
                        <tbody>
                            @php $sl = 0 @endphp
                            @foreach($equivalent as $equ)
                            <tr>
                                <td>{{++$sl}}</td>
                                <td>{{$equ->unit->unit_name}}</td>
                                <td>{{$equ->value}}</td>
                                @if(isPermissionsAllowed("edit-equivalent-equation","delete-equivalent-equation"))

                                <td>
                                    @if(isPermissionsAllowed("edit-equivalent-equation"))

                                    <a href="{{route("admin.items.equivalent-equations.edit", $equ->id)}}" class="control-link edit"><i class="fas fa-edit"></i></a>
                                    @endif
                                        @if(isPermissionsAllowed("delete-equivalent-equation"))

                                        <form action="{{route("admin.items.equivalent-equations.destroy", $equ->id)}}" method="post" id="delete{{$equ->id}}" style="display: none" data-swal-title="{{__("delete-item")}}" data-swal-text="{{__("are-you-sure-to-delete-this-item?")}}" data-yes="{{__("yes")}}" data-no="{{__("no")}}" data-success-msg="{{__("the-item-has-been-deleted-successfully")}}">@csrf @method("delete")</form>
                                            <span href="#" class="control-link remove form-confirm" data-form-id="#delete{{$equ->id}}"><i class="far fa-trash-alt"></i></span>
                                        @endif
                                </td>
                                @endif
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section("scripts")
<script type="text/javascript">
    $("#unit_id").select2({
        placeholder: "{{__('select-unit')}}",
        width: "100%",
    });
</script>
@endsection