@extends('apex-layouts.main')

@section('content')
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="card horizontal text-center">
                <div class="card-body">
                    <div class="card-stacked align-self-center">
                        <form action="{{route("fcm.sendToMembersStore",$model->id)}}" method="post">
                            @csrf
                            <div class="px-3">
                                <h4 class="card-title"> {{"Select Members To send"}}</h4>
                                <hr/>
                                <div class="row card-body">
                                    @foreach($members as $member)
                                        <div class="col-md-4 card-block">
                                            <div class="media mb-1">
                                                <a><img alt="{{$member->name}}"
                                                        data-src="{{($member->photo)?env("IMAGE_URL")."/".$member->photo:URL::asset(config("params")['images']["avatar"])}}"
                                                        class="media-object d-flex mr-3 bg-primary height-50 rounded-circle"
                                                        src="#"></a>
                                                <a href="{{ route('members.show', $member->id) }}" class="media-body">
                                                    <h4 class="font-medium-1 mt-1 mb-0">{{$member->name}}</h4>
                                                    <p class="text-muted font-small-3">{{$member->email}}
                                                    </p>
                                                </a>
                                                <div class="mt-1">
                                                    <div
                                                        class="float-right custom-control custom-checkbox mb-2 mr-sm-2 mb-sm-0">
                                                        <input type="checkbox" name="memberIds[] "
                                                               class="custom-control-input"
                                                               value="{{$member->id}}"
                                                               id="customcheckbox{{$member->id}}">
                                                        <label class="custom-control-label"
                                                               for="customcheckbox{{$member->id}}"></label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                <hr/>
                                <div class="card-block">
                                    <a href="{{ route('fcm.index') }}"
                                       class="btn btn-raised btn-raised btn-warning pull-left">
                                        <i class="ft-x"></i> Back
                                    </a>
                                    <button type="submit" class="btn btn-raised btn-raised btn-info pull-right">Send
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('scripts')
@stop

@section('styles')
@stop