@using System.Runtime.InteropServices.ComTypes
@using Fitness_Centar.Data.DAL
@using Fitness_Centar.Data.Models
@using PagedList.Mvc;
@model PagedList.IPagedList<Clan>

<link href="~/Content/PagedList.css" rel="stylesheet" type="text/css" />
<link href="~/Content/style.css" rel="stylesheet" type="text/css" />

@{
    MyContext ctx = new MyContext();
    List<Grad> Gradovi = ctx.Gradovi.OrderBy(x => x.Naziv).ToList();
    List<SelectListItem> listGradovi = new List<SelectListItem>();
    listGradovi.Add(new SelectListItem { Value = null, Text = "Pretraga po gradovima" });
    listGradovi.AddRange(Gradovi.Select(x => new SelectListItem
    {
        Text = x.Naziv,
        Value = x.GradId.ToString()
    }).ToList());
}

<style type="text/css">
    @@media only screen and (max-width: 1100px) {
        .myClass {
            width: 100% !important;
        }
    }
    .rowclick {
        cursor: pointer;
    }
</style>

<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box myClass">
                <div class="box-header">
                    <h3 class="box-title">Pretraga članova</h3><br/><br />
                    @using (Html.BeginForm("Index", "Clan"))
                    {
                        <div style="float: left">@Html.TextBox("ime", null, new { @class = "form-control", @placeholder = "Ime i/ili prezime" })</div>
                        <div style="float: left">@Html.DropDownList("Value", listGradovi, new { @class = "form-control" })</div>

                        <button type="submit" value="" style="margin-left: 3px" class="btn btn-labeled btn-success">
                            <span class="btn-label">
                                <i class="glyphicon glyphicon-search">
                                </i>
                            </span><span style="font-size: medium">Traži</span>
                        </button>

                        <button type="submit" onclick="resetiraj()" value="" class="btn btn-labeled btn-info">
                            <span class="btn-label">
                                <i class="glyphicon glyphicon-repeat icon-flipped">
                                </i>
                            </span><span style="font-size: medium">Reset </span>
                        </button>
                    }
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <div id="example2_wrapper" class="dataTables_wrapper form-inline dt-bootstrap">
                        <div class="row">
                            <div class="col-sm-12">
                                <table id="example2" class="table table-bordered table-hover">
                                    <thead style="background-color: #BDBDBD">
                                        <tr>
                                            <th>Ime</th>
                                            <th>Prezime</th>
                                            <th class="centriranjeTeksta">Učlanjen</th>
                                            <th>Članarina</th>
                                            <th class="centriranjeTeksta">Br. čl. kartice</th>
                                            <th>Grad</th>
                                            <th class="centriranjeTeksta">Upl. čl.</th>
                                            <th class="centriranjeTeksta">Akcija</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @if (Model.Count == 0)
                                    {
                                        <tr class="centriranjeTeksta" style="font-size: 20px">
                                            <td colspan="8">
                                                <span><b>Nema pronađenih članova</b></span>
                                            </td>
                                        </tr>
                                    }
                                    @foreach (Clan c in Model)
                                    {
                                        <tr>
                                            <td class="rowclick" onclick="row_click(@c.ClanId)" style="width: 12%">@c.Ime</td>
                                            <td class="rowclick" onclick="row_click(@c.ClanId)" style="width: 12%">@c.Prezime</td>
                                            <td class="rowclick centriranjeTeksta" onclick="row_click(@c.ClanId)" style="width: 14%">@c.DatumUclanjivanja.ToShortDateString()</td>
                                            <td class="rowclick" onclick="row_click(@c.ClanId)" style="width: 13%">@c.VrstaClanarine.Naziv</td>
                                            <td class="rowclick centriranjeTeksta" onclick="row_click(@c.ClanId)" style="width: 14%">@c.BrojClanskeKartice</td>
                                            <td class="rowclick" onclick="row_click(@c.ClanId)" style="width: 10%">@c.Grad.Naziv</td>
                                            @{
                                                int brojClanarina = ctx.UplataClanarine.Count(x => x.ClanId == c.ClanId);
                                            }
                                            <td class="rowclick centriranjeTeksta" onclick="row_click(@c.ClanId)">@brojClanarina</td>
                                            <td class="centriranjeTeksta">
                                                @Ajax.ActionLink(" ", "Uredi", "Clan", new {@c.ClanId}, new AjaxOptions() {UpdateTargetId = "divUredi", OnSuccess = "prikaziDialog"}, new {@class = "btn btn-sm btn-warning glyphicon glyphicon-edit"})
                                                @if (brojClanarina == 0)
                                                {
                                                    @Ajax.ActionLink(" ", "Obrisi", new {@c.ClanId}, new AjaxOptions() { UpdateTargetId = "divBrisanje", OnSuccess = "prikaziDialogBrisanje" }, new {@class = "btn btn-sm btn-danger glyphicon glyphicon-trash"})
                                                }
                                                else
                                                {
                                                    <button type="button" value="" class="btn btn-sm btn-danger" disabled="disabled">
                                                        <span>
                                                                <i class="glyphicon glyphicon-trash"></i>
                                                            </span>
                                                    </button>
                                                }
                                            </td>
                                        </tr>
                                    }
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-8">
                                <div class="dataTable_info" role="status" aria-live="polite">
                                    Stranica @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) od @Model.PageCount
                                    @Html.PagedListPager(Model, page => Url.Action("Index", new { page, currentFilter = ViewBag.CurrentFilter, ime = ViewBag.ime, value = ViewBag.value }))
                                </div>
                            </div>
                            <div class="col-sm-2" style="float: right; margin-right: 2%">
                                @using (Ajax.BeginForm("Dodaj", "Clan", new AjaxOptions() { UpdateTargetId = "divUredi", OnSuccess = "prikaziDialog" }))
                                {
                                    <button type="submit" value="" class="btn btn-labeled btn-success">
                                        <span class="btn-label">
                                            <i class="glyphicon glyphicon-search"></i>
                                        </span><span>Dodaj</span>
                                    </button>
                                }
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
        </div>
        <!-- /.col -->
    </div>
</section>

<script type="text/javascript">
    function prikaziDialog() {
        $('#dialogClan').modal("show");
    }

    function zatvoriDialog() {
        $("#dialogClan").modal("hide");
        window.location.href = '@Url.Action("Index", "Clan")';
    }

    function prikaziDialogBrisanje() {
        $('#dialogBrisanje').modal("show");
    }

    function zatvoriDialogBrisanje() {
        $("#dialogBrisanje").modal("hide");
        window.location.href = '@Url.Action("Index", "Clan")';
    }

    function resetiraj() {
        $("#ime").val("");
        $("#Value").val("Pretraga po gradovima");
    };
</script>

<script type="text/javascript">
    function row_click(clanId) {
        window.location.href = '../ModulRecepcionar/Clan/Detalji?ClanId=' + clanId;
    }
</script>

<div class="modal fade" id="dialogClan" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" style="width: 65%" role="dialog">
        <div class="modal-content">
            <div id="divUredi"></div>
        </div>
    </div>
</div>

<div class="modal fade" id="dialogBrisanje" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" style="width: 35%" role="dialog">
        <div class="modal-content">
            <div id="divBrisanje"></div>
        </div>
    </div>
</div>