@extends('backoffice.admin.layout')
@section('content')
@php

$packages = packages()->find($id);
$features = features()->where('type', $packages->type);
$relations = relations();

@endphp
{{-- @dd(features()->where('type', $package->type)) --}}
<div class="row">
    <div class="col-md-12">
        <div class="iq-card">
            <div class="iq-card-header d-flex justify-content-between">
                <div class="iq-header-title">
                    <h4 class="card-title">Configuration du package {{$packages->name}}</h4>
                </div>
            </div>
            <div class="iq-card-body">
                <form id="form1" class="" action="{{route('admin.packages.relation.update', $id)}}" method="POST"> @csrf
                    <div class="row p-4">
                        @foreach ($features as $feature)
                    <div style="vertical-align: middle !important"
                        class="custom-control col-md-6 d-flex justify-content-between custom-switch custom-switch-text custom-switch-color custom-control-inline">
                        <h5 class="mb-1 pb-1"> {{$feature->name}}</h5>
                        <div class="custom-switch-inner">

                            <input type="checkbox" class="custom-control-input bg-success" id="{{$id.$feature->id}}" style="width: 80px !important"
                                value="yes" name="{{$id.$feature->id}}" @if ($relations->where('package_id',$id)
                            ->where('package_feature_id', $feature->id)->first())
                            @if ($relations->where('package_id',$id)
                            ->where('package_feature_id', $feature->id)->first()->hasit == "yes")
                            checked
                            @endif
                            @endif
                            >
                            <label class="custom-control-label" for="{{$id.$feature->id}}" data-on-label=""
                                data-off-label="">
                            </label>
                        </div>
                    </div>

                    @endforeach
                    </div>
                    <div class="mb-3 col-md-6">
                        <a href="javascript:;" class="btn btn-primary"
                            onclick="document.getElementById('form1').submit();">Mettre à jour</a>
                        <input type="hidden" name="mess" />
                    </div>
                </form>

            </div>
        </div>

    </div>


</div>
@endsection