@extends('layouts.app') 

@section('content')
@include('loader')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card" >
                <div class="card-header">
                    Branches List
                    <div style="float:right">
                            <a href="{{ route('branches-form') }}"> <button type="submit" class="btn btn-success btn-sm" id="savebtn">Add New</button></a>
                    </div> 
                </div>
               
                <div class="card-body">
                    @if (session('success'))
                        <div class="alert alert-success custom-alert">
                            {{ session('success') }}
                        </div>
                    @endif
                    
                    @if (session('error'))
                        <div class="alert alert-danger custom-alert">
                            {{ session('error') }}
                        </div>
                    @endif
                    
                    
                        
                        <div class="form-group" id="" >
                            <div class="table-responsive" id="">
                                <table class="table table-bordered table-striped ">
                                    <thead>
                                        <tr>
                                            <th>Sr.</th>
                                            <th>ID</th>
                                            <th>Name</th>
                                            <th>Default</th>
                                            <th colspan='3'>Action</th>
                                            
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php 
                                            $count=1;
                                        @endphp
                                        @foreach ($branchlist as $branch)
                
                                            <tr id="row-">
                                                <td></td>
                                                <td></td>
                                                <td style="text-align:left !important"></td>
                                                <td>No</td>
                                                 <td>
                                                    <a href="{{ route('branches-form', ['branchid' => $branch['id']]) }}">
                                                        <span class="text-success">
                                                          <i class="fas fa-edit"></i>
                                                        </span>
                                                    </a>
                                                </td>
                                                <td>
                                                    <a href="javascript:active_Branch({{ $branch->id }},{{ $branch->inactive }})" title="Update">
                                                        <span>
                                                            @if($branch->inactive == 1)
                                                                <i class="fas fa-toggle-off text-danger" style="font-size:18px" title='Inactive'></i>
                                                            @else
                                                                <i class="fas fa-toggle-on text-success" style="font-size:18px" title='Active'></i>
                                                                
                                                            @endif
                                                        </span>
                                                    </a>    
                                                </td>
                                                <td >
                                                    <a href="javascript:deleteBranch({{ $branch['id'] }})">
                                                        <span class="text-danger">
                                                            <i class="fas fa-trash-alt"></i>
                                                        </span>
                                                    </a>    
                                                </td>
                                                
                                                
                                                
                                            </tr>
                                        @endforeach    
                
                                    </tbody>
                                </table>    
                            </div>
                            
                        </div>
                        
                    
                    
                </div>
            </div>
        </div>
    </div>
</div>    


<script>


function deleteBranch(branchid)
{
    
    if(branchid>0)
    {
        Swal.fire({
            title: 'Are you sure?',
            icon: 'warning',
            width: '300px',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, delete it!'
        }).then((result) => {
            if (result.isConfirmed) {
                
                $.ajax({
                    type: 'DELETE',
                    url: '{{ route('deleteBranch', '') }}/' + branchid,
                    data: {
                        _token: '{{ csrf_token() }}',
                    },
                    success: function(response) {
                        
                        if (response.error) {
                            Swal.fire({
                                title: response.error,
                                icon: 'error',
                                width: '300px',
                                customClass: {
                                    title: 'swal-title'
                                }
                            });
                        } else if (response.success) {
                            
                            Swal.fire({
                                title: response.success,
                                icon: 'success',
                                width: '300px',
                                customClass: {
                                    title: 'swal-title'
                                },
                                showConfirmButton: false,
                                timer: 3000,
                            });
                            
                             $('#row-' + branchid).hide();
                        }
                    },
                    error: function(error) {
                        console.error('Error deleting the category', error);
                    }
                });
                
            } else {
           
            }
        });
                
        
            
    }
    
}


function active_Branch(branchid,active) {


var activestatus = active==0 ? 1 : 0;
var activestatustext = active==0 ? 'Inactive' : 'Active';

if (branchid > 0) {

    LoadingStart();
    $.ajax({
        type: 'put',
        url: '{{ route('activeBranch', '') }}/' + branchid,
        data: {
            activestatus: activestatus,
            activestatustext: activestatustext,
        },
        success: function(response) {
            console.log(response);
            window.location.reload();
            //LoadingStop();
        },
        error: function(error) {
            console.error('Error updating the branch', error);
                LoadingStop();
        }
    });    
} 
}
</script>

@endsection