@extends('layouts.app')
@section('content')

<style>

.dtls-one {
    width: -webkit-fill-available !important;
}

</style>

<div id="tier">
    <section class="login-area roster-page">
      <div class="rooster container">
        {{-- <button class="btn btn-success rooster-btn" @click="createUser">Create</button> --}}
      </div>
        <div class="container">
            <div class="build-header">
                <form class="form-inline">
                    <select name="status" class="custom-select my-1 mr-sm-2" id="inlineFormCustomSelectPref">
                        <option value="" selected>Choose...</option>
                        <option value="1">Active</option>
                        <option value="0">Deactive</option>
                    </select>
                    <select name="category" class="custom-select my-1 mr-sm-2" id="inlineFormCustomSelectPref">
                        <option value="" selected>Choose...</option>
                      @foreach ($fighterCategory as $value)
                        <option value="{{$value->id}}">{{$value->name}}</option>
                      @endforeach
                      </select>
                    <div class="custom-control custom-checkbox my-1 mr-2">
                        <input name="dateRange" type="date" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter text">
                    </div>
                    {{-- <div class="custom-control custom-checkbox my-1  mr-2">
                        <input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter text">
                    </div> --}}
                    <button type="submit" class="btn  my-1 btn-filter">Submit</button>
                </form>
            </div>
            <table class="table">
                <thead>
                <tr>
                    <th>User Name</th>
                    <th>Category</th>
                    <th>Created</th>
                    <th>Status</th>
                    <th>Action<th>
                </tr>
                </thead>
                <tbody>
                @foreach ($tierData as $data)
                    <tr  >
                        <td> {{ $data->user->name }} </td>
                        <td> {{ $data->category->name }} </td>
                        <td> {{ date('m/d/Y', strtotime($data->created_at)) }} </td>
                        <td>
                            @if($data->status == 1)
                            <p> Avtive </p>
                            @else
                            <p> Not Active </p>
                            @endif
                        </td>
                        <td> <button type="button" class="btn btn-success filter-view" @click="showTeir( {{ $data->id }} )" >View</button> <button type="button" class="btn btn-primary filter-view" @click="updateposttofeed( {{ $data->id }} )" >Post to Feed</button> </td>
                    </tr>
                @endforeach
                </tbody>
            </table>