@extends('layouts.dashboard')

@section('title', 'Manage Set Up')

@section('myJS')
	<script src="{{url('/')}}/js/admin/setup.js"></script>
@endsection

@section('content')

<div class="padding-top40"></div>

<div class="bs-example">

<!-- main part-->
<div class="container-fluid">
    @include('dashboard.MasterSetup.Header')
    <div id="div_table" class="row table-catalog" style="margin: 0px;">
        <form name="submitCatalogUpdate" method="post" action="{{url('/updateCatalog')}}">
        @csrf
            <table id="" class="table table-bordered setup-table" cellspacing="0" width="100%">
                <tbody>
                    <tr class="setup-tr">
                        <td class="setup-td setup-width">Organisation</td>
                        <td class="setup-td ">
                        <select id="selectOrganisation" name="selectedOrganisationID" class="selectpicker" data-style="btn-primary" {{Session::get('superAdmin') == 0 ? '' : ''}} >
                            @if(Session::get("organisationID") > 0)
                                @foreach($organisationList as $org)
                                    <option value="{{$org->OrganisationID}}" {{$organisationID == $org->OrganisationID ? 'selected' : ''}}>{{$org->OrganisationName}}</option>
                                @endforeach
                            @else
                                <option selected="true" disabled="disabled">No Organisation assigned</option>
                            @endif
                        </select>

                        </td>
                    </tr>

                    <tr class="setup-tr">
                        <td class="setup-td setup-width">Catalog</td>
                        <td class="setup-td selectCatalog">
                            <select id="selectCatalog" name="selectedCatalog" class="selectpicker" data-style="btn-primary" {{empty($catalogList) ? 'disabled' : ''}}>
                                @if(empty($catalogList))
                                    <option selected="true" disabled="disabled">No Catalogue assigned</option>
                                @else
                                    @foreach($catalogList as $catalog)
                                        <option value="{{$catalog->CatalogID}}" {{$selectedCatalogID == $catalog->CatalogID ? 'selected' : ''}}>{{$catalog->CatalogName}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </td>
                    </tr>
                    <tr class="setup-tr">
                        <td class="setup-td"></td>
                        <td class="setup-td">
                            <button type="submit" name="submitCatalog" class="btn btn-default submitCatalog" {{empty($catalogList) ? 'disabled' : ''}} >Submit</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </form>
    </div>
</div>

<div class="modal fade" id="languageModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog setup-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Add / Edit Language</h4>
            </div>
            <form id="postLanguage">
            	@csrf
                <div class="modal-body">
                    <div class="form-group">
                        <div class="row">
                            <div class="col-md-4"> 
								<div class="padd-name">Language:</div> 
							</div>
							<div class="col-md-8">
								<select name="language" class="language form-control">
									<option></option>
									@foreach($languages as $language)
										<option value="{{$language->LanguageID}}">{{$language->LanguageDescription}}</option>
									@endforeach
								</select>
								<input class="form-control CatalogLanguageID" type="hidden" name="CatalogLanguageID" id="CatalogLanguageID">
							</div>
                        </div>
                    </div>
                    <div class="form-group">
                    	<div class="row">
                    		<div class="col-md-4">
                    			<div class="padd-name">
                    				Enable Region:
                    			</div>
                    		</div>
                    		<div class="col-md-8">
                    			<input type="checkbox" name="AllowRegion" id="AllowRegion" class="AllowRegiontxt AllowRegion">
                    		</div>
                    	</div>
                    </div>
                    <div class="form-group nonRegionFields" style="display:none;">
                    	<div class="row">
                    		<div class="col-md-4">
                    			<div class="padd-name">
                    				Region :
                    			</div>
                    		</div>
                    		<div class="col-md-8">
								<select name="region" class="region form-control">
									<option></option>
									@foreach($regions as $regions)
										<option value="{{$regions->LanguageID}}">{{$regions->LanguageDescription}}</option>
									@endforeach
								</select>
                    		</div>
                    	</div>
                    </div>

                    <div class="form-group">
                    	<div class="row">
                    		<div class="col-md-4">
                    			<div class="padd-name">
                    				Show Flag:
                    			</div>
                    		</div>
                    		<div class="col-md-8">
                    			<input type="checkbox" name="AllowFlag" id="AllowFlag" class="AllowFlagtxt AllowFlag">
                    		</div>
                    	</div>
                    </div>
                    <div class="form-group nonFlagFields" style="display:none;">
                    	<div class="row">
                    		<div class="col-md-4">
                    			<div class="padd-name">
                    				Select Flag :
                    			</div>
                    		</div>
                    		<div class="col-md-8">
								<select name="flags" class="flags form-control">
									<option></option>
									@foreach($flags as $flag)
										<option value="{{$flag->FlagID}}">{{$flag->FlagCountryName}}</option>
									@endforeach
								</select>
                    		</div>
                    	</div>
                    </div>
					<div class="form-group">
						<div class="row">
							<div class="col-md-4">
								<div class="padd-name">
									Display in Collection:
								</div>
							</div>
							<div class="col-md-8">
								<input type="checkbox" name="DisplayInCollection" id="DisplayInCollection" class="DisplayInCollectiontxt DisplayInCollection">
							</div>
						</div>
					</div>
					<div class="form-group">
						<div class="row">
							<div class="col-md-4">
								<div class="padd-name">
									Default:
								</div>
							</div>
							<div class="col-md-8">
								<input type="checkbox" name="IsDefault" id="IsDefault" class="IsDefaulttxt IsDefault">
							</div>
						</div>
					</div>
					<div class="form-group">
                    	<div class="row">
                    		<div id="languageError" class="col-md-12 text-danger">

                    		</div>
                    	</div>
                    </div>
					<script> 
						function formatCountry (flag) {

							if (!flag.FlagID) {
								return flag.FlagCountryName;
							}

							var $flag = $(
								'<span><img src="' + base_url+'images/flags/'+flag.FlagImageName+'" class="img-flag" width="20" /> ' + flag.FlagCountryName + '</span>'
							);
							return $flag;
						};

						$(".flags").select2({
							placeholder: "Select Flag",
							templateResult: formatCountry,
							templateSelection: formatCountry,
							data: {!!json_encode($flags)!!},
							dropdownParent: $('#languageModal')
						}); 
					</script>
                </div>
                <div class="modal-footer setup-footer">
                    <button type="submit" class="btn btn-primary btn_update_properties">Save changes</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal for Delete button -->

<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Delete</h4>
            </div>
            <form id="deleteRow">
            @csrf
                <div class="modal-body">
                    <div class="form-group">
                        <input class="form-control id" type="hidden" name="id" id="id">
                        <input class="form-control id" type="hidden" name="tabName" id="tabName">
                        Do you want to delete ?
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary btn_update_properties ">Yes</button>
                    <button type="button" class="btn btn-default cancel" data-dismiss="modal">No</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- Modal for Delete button -->
@endsection