@extends('layouts.backend.master')
@section('title')
	 - Branch
@endsection
@section('mainPart')
	<main class="ttr-wrapper">
		<div class="container-fluid">
            @if(Session::has('message'))
                <div class="notification"><div class="alert alert-success alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>{{ Session::get('message') }}</div></div>
            @endif
			<div class="db-breadcrumb">
				<h4 class="breadcrumb-title">Branch</h4>
				<ul class="db-breadcrumb-list">
					<li><a href="{{ route('admin.dashboard') }}"><i class="fa fa-home"></i>Home</a></li>
					<li>Branch</li>
				</ul>
			</div>
			<div class="row">
				<div class="col-md-12 col-lg-12 col-xl-12 col-sm-12 col-12">
                    <table class="table table-hover table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Branch</th>
                                <th>Chairman Name</th>
                                <th>Code</th>
                                <th>Phone</th>
                                <th>Details</th>
                                <th>Status</th>
                                <th>Action</th> 
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($users as $key => $user)
                            <tr>
                                <td>{{ ++$key }}</td>
                                <td>{{ $user->chairman_name}}</td>
                                <td>{{ $user->branch_name}}</td>
                                <td>{{ $user->branch_code}}</td>
                                <td>{{ $user->email}}</td>
                                <td>
                                	 <a href="#" title="view" class="btn btn-sm btn-info" data-toggle="modal" data-target="#viewModal{{ $user->id}}" > View details </i></a>
                                </td>
                                <td>
                                	@if( $user->status==0 )<span class="btn btn-sm btn-warning" style="color:green; font-weight: bolder;"> Pending </span>
                                    @elseif( $user->status==1 )<span class="btn btn-sm btn-success"> Approved </span>
                                    @endif
                                <td>

                                	@if( $user->status==0 )<a href="#" class="btn btn-sm btn-info" data-toggle="modal" data-target="#statusModal{{ $user->id}}" class="mr-2" title="Approve!"> Approve </a>
                                    @endif
                                    <a href="#" title="Delete" class="btn btn-sm btn-danger" data-toggle="modal" data-target="#deleteModal{{ $user->id}}" > Delete </i></a>
                                </td>
							    <!-- Approve Modal -->
							    <div class="modal fade" id="statusModal{{ $user->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
							            <div class="modal-dialog" role="document">
							                <div class="modal-content">
							                <div class="modal-header">
							                    <h3 class="modal-title" id="exampleModalLabel" style="color:red;">Are you want to Approve this ???</h3>
							                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
							                    <span aria-hidden="true">&times;</span>
							                    </button>
							                </div>
							                <form method="post" action="{{ route('admin.branch.approve', $user->id) }}">
							                    @csrf
							                    <div class="modal-body">
							                        <input type="hidden" name="id" value="{{ $user->id}}" />
							                        <center><span class="h6 text-danger">Are you want to Approve this ???</span></center>
							                    </div>
							                    <div class="modal-footer">
							                        <button type="button" class="btn btn-danger" data-dismiss="modal">No!</button>
							                        <button type="submit" class="btn btn-success bg-success">Yes! Approved</button>
							                    </div>
							                </form>
							                </div>
							            </div>
							        </div>
		        					<!-- Delete Modal -->
								    <div class="modal fade" id="deleteModal{{ $user->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
							            <div class="modal-dialog" role="document">
							                <div class="modal-content">
							                <div class="modal-header">
							                    <h5 class="modal-title" id="exampleModalLabel">Delete?</h5>
							                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
							                    <span aria-hidden="true">&times;</span>
							                    </button>
							                </div>
							                <form method="post" action="{{ route('admin.branch.destroy', $user->id) }}">
							                    @csrf
							                    <div class="modal-body">
							                        <input type="hidden" name="id" value="{{ $user->id}}" />
							                        <center><span class="h3 text-danger">Are you Sure ?</span></center>
							                    </div>
							                    <div class="modal-footer">
							                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
							                        <button type="submit" class="btn btn-danger bg-danger">Delete</button>
							                    </div>
							                </form>
							                </div>
							            </div>
							        </div>
		        					<!-- view Modal -->
								    <div class="modal fade" id="viewModal{{ $user->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
							            <div class="modal-dialog modal-lg" role="document">
							                <div class="modal-content">
							                <div class="modal-header">
							                    <h5 class="modal-title" id="exampleModalLabel">Branch details</h5>
							                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
							                    <span aria-hidden="true">&times;</span>
							                    </button>
							                </div>
							                    <div class="modal-body">
							                        <div class="row">
							                        	<div class="col-md-2"></div>
							                        	<div class="col-md-8">
							                        		<div class="row">
							                        			<div class="col-md-6">
							                        				<h5> <img class="img-thumbnail" src="{{ url('uploads/branch_logo/'.$user->branch_logo)}}"> </h5>
							                        			</div>
							                        			<div class="col-md-6">
							                        				<h6> <img class="img-thumbnail" src="{{ url('uploads/chairman_photo/'.$user->chairman_photo)}}"></h6>
							                        			</div>
							                        		</div>
							                        		<hr>
							                        		<div class="row">
							                        			<div class="col-md-6">
							                        				<h5> Chairman Name : </h5>
							                        			</div>
							                        			<div class="col-md-6">
							                        				<h6> {{ $user->chairman_name}}</h6>
							                        			</div>
							                        		</div>
							                        		<div class="row">
							                        			<div class="col-md-6">
							                        				<h5> Branch Name : </h5>
							                        			</div>
							                        			<div class="col-md-6">
							                        				<h6> {{ $user->branch_name}}</h6>
							                        			</div>
							                        		</div>
							                        		<div class="row">
							                        			<div class="col-md-6">
							                        				<h5> Branch Code : </h5>
							                        			</div>
							                        			<div class="col-md-6">
							                        				<h6> {{ $user->branch_code}}</h6>
							                        			</div>
							                        		</div>
							                        		<div class="row">
							                        			<div class="col-md-6">
							                        				<h5> Branch Address : </h5>
							                        			</div>
							                        			<div class="col-md-6">
							                        				<h6> {{ $user->address}}</h6>
							                        			</div>
							                        		</div>
							                        		<div class="row">
							                        			<div class="col-md-6">
							                        				<h5> E-mail : </h5>
							                        			</div>
							                        			<div class="col-md-6">
							                        				<h6> {{ $user->email }}</h6>
							                        			</div>
							                        		</div>
							                        		<div class="row">
							                        			<div class="col-md-6">
							                        				<h5> Status : </h5>
							                        			</div>
							                        			<div class="col-md-6">
							                        				@if( $user->status==0 )<span class="btn btn-sm btn-warning" style="color:green; font-weight: bolder;"> Pending </span>
								                                    @elseif( $user->status==1 )<span class="btn btn-sm btn-success"> Approved </span>
								                                    @endif
							                        			</div>
							                        		</div>
							                        	</div>
							                        	<div class="col-md-2"></div>
							                        </div>
							                    </div>
							                    <div class="modal-footer">
							                        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
							                    </div>
							                </div>
							            </div>
							        </div>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
				</div>
			</div>
		</div>
    </main>
@endsection